javascript - 类似于 javascript/jquery 的无限滚动效果

Question

我想实现类似于无限滚动的东西，但我希望它在元素位于可视窗口而不是滚动位置时触发。有任何想法吗？

Answer 1

您可以使用 JQuery 的 offset() 来查看元素是否在屏幕上：

http://api.jquery.com/offset/

Answer 2

我在 Utils 类中有一些小的静态辅助函数，用于以下情况：

Utils = {
    underView: function(element) {
    return (($(window).height() + $(window).scrollTop()) <= element.offset().top);
},

aboveView: function(element) {
    return ($(window).scrollTop() >= element.offset().top + element.height());
},

inView: function(element) {
    return (Utils.aboveView(element) !== true && Utils.underView(element, element.height()) !== true);
}

};

如此实施：

$(window).scroll(function(){
    if(Utils.inView($(".div"))){
        // do something
    }
});