效果類似於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
    }
});