Question

当页面从底部300px时会激活一个jquery函数，在firefox中运行正常，但在像chrome这样的webkit浏览器中，它会在滚动甚至1个像素后触发。

$(document).ready(function() {
    var timeout = '';

    var $scollEl=$('body').scroll(function (e) { 
        var intBottomMargin = 500; 
        clearTimeout(timeout);
        //if less than intBottomMargin px from bottom 

        if ($scollEl.scrollTop() >= $(document).height() - $scollEl.height() - intBottomMargin) {
          timeout = setTimeout(function(){ 
                $("#next-paginav")[0].click(); 
          }, 300);
        }
    });
});

这是代码的jsfiddle。 http://jsfiddle.net/LnmsR/2/

尝试使用chrome - 立即触发，然后在firefox中它会在底部触发，就像它应该的那样。这里的错误究竟是什么，有没有人知道如何在webkit中使用它？

Answer 1

我使用此代码

$(window).scroll(function() {
    if ($(document).height()-$(window).height()-$(window).scrollTop() < 300) {
        // your code
    });
});

webkit中的jquery滚动函数问题

1 个答案: