javascript - jQuery - 无限滚动

标签 javascript jquery scroll infinite

我正在尝试在我的页面上实现无限滚动,但是有些事情搞砸了,而不是在页面底部触发,而是在我滚动回顶部时触发。有谁知道什么可能会触发这个?

$(window).scroll(function()
{
    if($(window).scrollTop() == $(document).height() - $(window).height())
    {
        alert("hello");
    }
});

我目前正在使用上面的代码,它在 jsfiddle 中工作得很好。我还尝试了另一种选择 -

if($(window).scrollTop() + $(window).height() == $(document).height())

注意:我正在使用 CodeIgniter(尽管我不确定这会导致问题吗?)

如果您想了解我的意思,您可以查看测试页面 http://carllawl.kwebserv.info/recent (只需向下滚动然后向上滚动即可了解我的意思)

最佳答案

使用这个

  $(window).scroll(function() {
    if ($(window).scrollTop() <= $(document).height() - $(window).height() && $(window).scrollTop() >= $(document).height() - $(window).height() - 10) {
    yourfunctionhere()
  }
 });

关于javascript - jQuery - 无限滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12073862/

相关文章:

javascript - React.js + Flux——在 View 中将回调作为 Prop 传递

javascript - 灯箱内的谷歌地图

javascript - 滚动到该 div 后如何使 div 固定?

javascript - 如何使用 formID 获取输入文本值?

css - 带有溢出的丑陋滚动条 : scroll in Safari, Firefox

jquery 在单个哈希 anchor 上平滑滚动以到达顶部

java - 在 textarea 中禁用 Javascript 执行

javascript - 如何使用javascript或html打开手机chrome浏览器

javascript - 获取 URL # 片段 XMLHttpRequest

jquery - isHappy.js 允许在无效时调用 ajax