Как на javascript и jquery реализовать поблочный скролл?

Question

[reZed]

Сайт состоит из блоков, размер которых подгоняется под размер окна следующим скрипотм:

$(document).ready(function() {
    $('.block').height(document.body.clientHeight);
});
$(window).resize(function() {
    $('.block').height(document.body.clientHeight);
});

Подскажите пожалуйста, как реализовать скролл между этими самыми блоками так, что бы на экране был только один блок (то есть при скролле даже на небольшую величину страница пролистывалась до следующего блока), например как здесь melanie-f.com

Answer 1

[reZed]

Нашел, такую вещь, идеально вписалась www.thepetedesign.com/demos/onepage_scroll_demo.html

Answer 2

[Анна Бакурова]

Написала свой плагин на чистом js
Там есть поддержка сенсорной мыши (чего нет у onepage scroll) и куча других настроек по отслеживанию прогресса, также есть callback функции и возможность сделать блок со скроллом внутри одного слайда (странички)

https://github.com/librisius/OliwPageSlider - дока на русском

Comments

[Анна Бакурова]

Вся анимация сделана через css так что Вы можете ею легко управлять

Answer 3

[Макс]

johnpolacek.github.io/superscrollorama

Answer 4

[exxagw]

www.apple.com/iphone-5c - demo
https://github.com/daviferreira/viewport-slider - github

Answer 5

[Александр Лелека]

Есть много готовых скриптов.
Вот видео с примерном одного из них
https://youtu.be/RX5kFtUI7q0