Как сделать поблочную прокрутку по скроллу, но не full page?

Question

[Pavel Gonzales]

Добрый день!
У меня возникла задача, нужно сделать поблочную прокрутку по скроллу, но не fullPage или onePageScroll.
Блоки разной высоты, от 200px до 1000px. Я так понимаю надо каждому блоку присвоить айди и записать значение каждого в массив (например ('#section-1').height()). Проблема в том, что я не совсем разобрался как все это имплементировать .

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

Заранее спасибо!

Answer 1

[Максим]

Лучше в массив значения scrollTop() записывать и при следующем событии "Скролл" менять значение прокрутки у "body".
Отслеживать событие "скролл" лучше с помощью jquery-mousewheel.

Comments

[Pavel Gonzales]

У меня почти все получилось. Но возникают проблемы когда блок большой высоты, он прокручивает его к следующему блоку не давая возможность увидеть что находится ниже.

[Максим]

pavelgonzales: не понял проблему, можете показать?

[Pavel Gonzales]

Максим: design-test.bitballoon.com

[Максим]

Добавьте дополнительную проверку. Если высота блока больше высоты браузера, то дайте возможность прокручивать пока пользователь не прокрутит разницу. Это один из вариантов. Если подумать можно больше придумать.

Answer 2

[Cyber_bober]

guidobouman.github.io/jquery-panelsnap может быть это