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
    }
});