Как сделать так, чтобы веб-сайт прокручивался по высоте области просмотра одним поворотом колесика мыши?

Как сделать так, чтобы веб-сайт прокручивался по высоте области просмотра одним поворотом колесика мыши?

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

Я хочу воссоздать этот эффект.

Мой нынешний подход заключается в предоставлении body scroll-snap-type: y mandatory; и divs scroll-snap-align: start; , Это позволяет выполнить привязку элементов, но вам нужно много прокрутить, чтобы перейти к следующему элементу.

Я также пытался использовать window.scroll(); с помощью window.onscroll но затем я понял, что window.onscroll запускается не только при ручной прокрутке, но и при помощи window.scroll(); так что это, кажется, не очень хороший подход.

Есть ли способ изменить величину, которую вы прокручиваете с каждым поворотом колеса мыши, или, может быть, даже лучший способ воссоздать эффект?

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector