• Как сделать что бы анимация появлялась только когда до блока доскролишь?

    @slunchenko
    Front end developer
    Использовать плагин весом, скажем, 50 Кб для анимации контента весом 4Кб - как минимум странно :).
    Самый простой пример:
    var el_1_top = $('.block-1').offset().top, el_2_top = $('.block-2').offset().top;
    $(window).scroll(function(){
    if ($(window).scrollTop() >= el_1_top) {
    //first block animation
    } else {
    //reverse animation (optional)
    };
    if ($(window).scrollTop() >= el_2_top) {
    //second block animation
    } else {
    //reverse animation (optional)
    };
    });


    Еще лучше будет запихнуть анимацию с проверками в функцию и вызвать ее отдельно на документ.реди и отдельно на скролл:
    var animation = function() {...};
    animation();
    $(window)scroll(animation);
    Ответ написан
    Комментировать
  • Исчезающееся/Появляющееся окно?

    @slunchenko
    Front end developer
    Вот, пожалуйста, пример.
    Если будете использовать, делайте привязку не к тегам, а к селекторам. Я писал исключительно для демонстрации.
    Ответ написан
    Комментировать