JavaScript: событие — появление элемента в области видимости. Как?

Question

[Rodion Gashe]

В фейсбуке лента новостей, при прокрутке страницы вниз, дозагружается сама.
Здесь вот тоже так же: nebo-v-almazah.ru/earrings
Что-то заработался и не могу никак понять как мне это сделать без постоянной проверки через setInterval()
Может что-то такое есть в jQuery?

Comments

[Rodion Gashe]

Собственно, с дозагрузкой нет проблем, мне надо только какой-то onAction()

Answer 1

[homm]

var $win = $(window);
var $marker = $('#marker');
$win.scroll(function() {
    if ($win.scrollTop() + $win.height() >= $marker.offset().top) {
        $win.unbind('scroll');
        // load there
    }
});

Comments

[Rodion Gashe]

var $win = $(window), $marker = $('#marker');

function setOnScroll() {
	$win.scroll(function() {
	    if ($win.scrollTop() + $win.height() >= $marker.offset().top) {
	        $win.unbind('scroll');
	        // load there
	    }
	});
};

setOnScroll();

а после загрузки — снова setOnScroll(), если ещё есть что грузить.
Спасибо!

Answer 2

[DevMan]

habrahabr.ru/blogs/client_side_optimization/87083/

Answer 3

[Олег Матрозов]

А реакции на onScroll вам не хватит?

Comments

[Rodion Gashe]

Оно происходит всегда, когда ты скролишь. Просто я думал, может есть что-то такое, типа как появление элемента в области видимости.

[Олег Матрозов]

Подозреваю, что делается это не проще, чем описал ниже homm

Answer 4

[Илья Алексеев]

еще можно чтоб не складывать высоту window сделать так -

var coords = $("#your_element").getBoundingClientRect();
var windowHeight = document.documentElement.clientHeight;

и затем в проверке -

if (windowHeight >= coords.top)
{
...
}

Answer 5

[Uno di Palermo]

$(window).scroll(function() {
    var h = $(window).scrollTop();
    var yourElementHeight= $("#yourElement").offset().top; // координаты высоты верхнего края yourElement
    if (h > yourElementHeight) {
        //do...
    } 

//т.е. при высоте прокрутки > чем высота верхнего края yourElementHeight