Прокрутка Landing Page

Печать RSS
253

Автор
Чатланин
0
Как сделать, чтобы блоки Lending Page, высотой с экран, прокручивались, как бы не сразу, а плавно, как будто с задержкой
Изменил: Don (22.01.2015 / 16:35)

Оранжевые штаны
0
1. БИТ, jquery

Пацак
0
1. БИТ, привет. smile
Вот набросал пример:
var h = $(window).height();
$('#id1,#id2').css({
    'background-color': '#b0c4de',
        'height': h
});
var prevScroll = 0;
var up = true,
    down = true;
$(window).scroll(function () {
    var currScroll = $(this).scrollTop();
    if (currScroll > prevScroll) {
        if (down) {
            down = false;
            $("html, body").animate({
                scrollTop: $(document).height()
            }, 1000, function () {
                down = true;
            });
        }
    } else {
        if (up) {
            up = false;
            $("html, body").animate({
                scrollTop: 0
            }, 1000, function () {
                up = true;
            });
        }
    }
    prevScroll = currScroll;
    e.preventDefault();
    e.stopPropagation();
});
Demo
Стикеры / Теги / Правила / Топ тем / Топ постов / Поиск