当前位置:  开发笔记 > 编程语言 > 正文

如何点击此按钮向下滚动以获得无限滚动?

如何解决《如何点击此按钮向下滚动以获得无限滚动?》经验,为你挑选了0个好方法。

这里的按钮从数据库加载数据.工作良好.

  • Load More Posts
  • 如何在向下滚动到页面底部时自动单击此按钮.只是无限滚动.

    我应该使用窗口滚动功能.如果是,那么如何在此代码中执行此操作.

    我试过在这个函数中粘贴ajax代码但是没有工作.

    编辑: 1.当我把Ajax放在scroll函数中时,它在getmore.php中显示mysql错误.2.如果我在滚动功能中放置了具有单击功能的按钮类,那么它会发射太快以至于多次加载相同的帖子.

    $(document).scroll(function(){
      if ($(window).scrollTop() + $(window).height() >= $(document).height()) {
    
      }
    });
    
    
    $('body').on('click','.getmore',function(){
    
      var lastelement = $(this ).attr('id');
      			 
      $.ajax({
        type       : 'GET',
        url        : 'getmore.php',
        data       : 'lastelement='+lastelement,
        beforesend :  function(){
    
          $('.getmore').html('loading....');
    
        }, 
        success: function(data){
          $('.getmore').remove();
          $('#recs') .append(data) ; 
        }
      });
    
    });
    
    
    
    //posts goes here

    推荐阅读
    惬听风吟jyy_802
    这个屌丝很懒,什么也没留下!
    DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
    Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有