эффект похож на бесконечную прокрутку для javascript / jquery

Question

Я хочу добиться чего-то похожего на бесконечную прокрутку, но я хочу, чтобы это срабатывало, когда элемент находится в видимом окне, а не в позиции прокрутки. Есть идеи?

Answer 1

У меня есть несколько небольших статических вспомогательных функций в классе 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
    }
});

Answer 2

Вы можете использовать смещение JQuery (), чтобы увидеть, находится ли элемент на экране:

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