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

Question

[NisXan]

Здравствуйте, необходимо реализовать скроллинг страницы по секциям.

Примерный код страницы:

<div class="page-content">
   <section id="section1">...</section>
   <section id="section2">...</section>
   <section id="section3">...</section>
   <section id="section4">...</section>
<div>

Пробовал ставить плагин OnePageScroll.js, но то ли я дурак, то ли лыжи не едут, с ним вообще скролл переставал работать.

Comments

[Yevgeniy Kisselyov]

А как именно использовали OnePageScroll.js ? Scrollify ниже предложили - тоже отлично работает для данной задачи(именно для колесика).

[NisXan]

Сейчас поставил Scrollify.js он работает, но как то криво меняют высоту секциям

[Yevgeniy Kisselyov]

NisXan: Это думаю уже надо в css рыть, плагин тут не причем

[NisXan]

Yevgeniy Kisselyov: с css разобрался, но не знаете ли вы, как отключить скрипт на других страницах сайта?

[Mysterion]

NisXan: выполнять инициализацию плагина только на тех страницах, на которых нужно :)

Answer 1

[Mysterion]

Лыжи, конечно.
https://jsfiddle.net/mjsfeLuL/
Чем этот не угодил?
https://github.com/lukehaas/Scrollify

Answer 2

[Александр Ружевич]

fullpage.js и будет вам счастье, на ютубе даже уроки на русском языке есть, пол часа смотрите и потом нарадоваться не можете

Answer 3

[Alexander Belov]

Hash scrolling

Mouse wheel anchor scroll

Answer 4

[Владимир Чанаев]

Можно попробовать сделать с помощью компонента DotNav фреймфорка UIKIT 2
https://getuikit.com/docs/dotnav.html
Тут пример реализации в шаблоне https://demo.yootheme.com/joomla/dolce-vita

Comments

[NisXan]

Дотеав этот есть, и по нему если надимать скролит как надо, но вот как сделать чтобы по колесику мыши так же работало?)

Answer 5

[NisXan]

Спасибо, Scrollify.js работает отлично! Но вот теперь есть проблемка, что скрипт срабатывает на других страничках. Как сделать, чтобы он выключался на всех кроме главной?