Как оживить прокрутку вниз/вверх?

Question

Как анимировать прокрутки вниз/вверх в JQuery нравится этот сайт: union.co

и предотвратить несколько анимировать/событие

я использовал этот код, но он работает только в первый раз:

var lastScrollTop = 0; 
$(window).scroll(function (event) { 
    var st = $(this).scrollTop(); 
    if (st > lastScrollTop) { 
     $(window).scrollTop("#div1"); 
    } else { 
     $(window).scrollTop("#div0"); 
    } 
    lastScrollTop = st; 
}); 

Answer 1

возможно часть этого будет помогать:

var i; 
$(window).scroll(function (event) { 
    $('html, body').animate({ scrollTop: $('#myid1').offset().top }, 500); 
    i++ 
}); 

найти, как использовать переменную в id и идентификатор имени на каждом экране.

Answer 2

Существует множество плагинов, которые вы можете использовать для достижения того, что вы ищете. Раньше я работал с onepage-scroll, прежде чем использовать свой собственный плагин.

В примере site, который вы приводите в качестве примера, они используют bxslider, отзывчивый слайдер содержимого jQuery. Это не делает то, о чем вы просите. Это только слайдер контента. Вы должны добавить несколько строк, чтобы иметь возможность прокручивать страницу.

Плагин fullPage.js, предложенный Alvaro, также является очень хорошим плагином. Кроме того, он поддерживает перераспределение окон.

Выберите один плагин. Документация очень понятна. Если у вас возникнут какие-либо проблемы, сообщите мне. Я буду рад помочь.

Надеюсь, это полезно!