Сведения о вопросе

Htmlщик

16:31, 16th August, 2020

Теги

JavaScript    

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

Просмотров: 336   Ответов: 5

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



  Сведения об ответе

ЯЯ__4

18:02, 9th August, 2020

var $win = $(window);

var $marker = $('#marker');

$win.scroll(function() {

    if ($win.scrollTop() + $win.height() >= $marker.offset().top) {

        $win.unbind('scroll');

        // load there

    }

});


  Сведения об ответе

lourence

02:24, 23rd August, 2020

  Сведения об ответе

baggs

21:50, 27th August, 2020

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


  Сведения об ответе

prince

08:12, 11th August, 2020

еще можно чтоб не складывать высоту window сделать так -
var coords = $("#your_element").getBoundingClientRect();
var windowHeight = document.documentElement.clientHeight;


и затем в проверке -
if (windowHeight >= coords.top)
{
...
}


  Сведения об ответе

appple

08:18, 7th August, 2020

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

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


Ответить на вопрос

Чтобы ответить на вопрос вам нужно войти в систему или зарегистрироваться