如何在用户到达底部时加载新页面/ url

我创建无限加载，意味着当用户触及页面底部/特定div时，会加载新页面。目前我有这段代码点击加载新页面。如何在用户到达底部时加载新页面/ url

$("#about").click(function(){ 
    // load about page on click 
     $("#response").load("about.html"); 
    });

是否有人在这里有一个如何在不点击加载新页/到达底部

来源

2014-06-19 user3750776

-1

您可以发送基于鼠标的窗口位置Ajax调用更清晰的概念。

var no=1; 
    $(window).scroll(function() { 
     if(no==1) 
     { 
      if ($(window).height() + $(window).scrollTop() == $(document).height()) { 
       no=2; 
       $.ajax({ 
        type: "POST", 
        url: "about.html", 
        data: datas, 
        cache: false, 
        success: function(html){ 

        } 
       }); 
      } 
     } 
    });

这个ajax调用会在用户到达页面结束时调用。您可以指定发生高度。

来源

2014-06-19 13:23:11

你有什么想法如何做到这一点。手段代码 – user3750776

请参阅上面的代码，它将为您工作，请根据您的需要指定高度 –

您想在用户滚动时使用AJAX加载其他内容。我建议将其他内容添加到他们已经查看的页面（例如，添加到主div），而不是将它们转移到其他页面。这将创造更好的用户体验。

来源

2014-06-19 13:25:17 stranger

绑定Scroll事件与滚动内容

$("#scrollableContent").scroll(function(){ 
    if($("#scrollableContent").position().top + $("#scrollableContent").height() == $(window).height()){ 
     //AJAX Call 
     $("#response").load("about.html"); 
    } 
});

来源

2014-06-19 13:27:44 Sid

可以计算事业部高度+像滚动顶部位置：

var divHeight = ($("#about").height()+$("#about").scrollTop() ;

，如果这是大于或等于表的高度在这个Div内部，那意味着用户到达Div的结尾。你可以加载你想要的页面。

注意：你应该在这个Div内有一个表格。

来源

2014-06-19 13:36:50 Apparao

如何在用户到达底部时加载新页面/ url

回答

相关问题