Плавная подгрузка контента при скроллинге?

Привет, кто может подсказать что это за плагин: изначально блоки страницы, которые не попали в область (высоту) просмотра скрыты, но по мере скроллинга, когда эти самые блоки попадают в область просмотра, они начинают плавно появляться? Можете подсказать? Надеюсь объяснил понятно, очень надеюсь на помощь.
  • Вопрос задан
  • 2912 просмотров
Решения вопроса 3
@tyzberd
https://daneden.github.io/animate.css/

+

$(document).ready(function () {
    (function () {
        var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
            window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
        window.requestAnimationFrame = requestAnimationFrame;
    })();
    var windowHeight = $(window).height();
    function animate(timelineBlock, time) {
        timelineBlock.each(function () {
            if ($(this).offset().top <= $(window).scrollTop() + windowHeight * time && $(this).hasClass("invisible")) {
                $(this).removeClass("invisible").addClass("animated slideInUp")
            }
        });
    }

    var timelineBlock = $('.js-timeline-animate'), time = 1;
    $(window).on('scroll', function () {
        requestAnimationFrame ? requestAnimationFrame(function () {
            animate(timelineBlock, time)
        }) : setTimeout(function () {
            animate(timelineBlock, time)
        }, 100)
    })
});


https://codepen.io/tyzberd/pen/XGerLm
Ответ написан
Комментировать
y0u
@y0u Куратор тега JavaScript
dev
Комментировать
wapster92
@wapster92 Куратор тега JavaScript
Пригласить эксперта
Ответы на вопрос 1
gorczko
@gorczko
тема выше почитайте
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы