Гладкая вертикальная прокрутка страницы с помощью колеса мыши и полосы прокрутки

Question

Я играю и пытаюсь создать сайт параллакса - да, я знаю, что они раздражающие причуды, но я все равно хотел бы поехать. Итак, для вдохновения я рассматривал различные примеры хороших сайтов параллакса и наткнулся на это: https://victoriabeckham.landrover.com/INT.

Он имеет плавную прокрутку с помощью колеса мыши, полосы прокрутки и привязных ссылок. Я искал плагины jQuery, которые могли бы добиться этого эффекта, но могут показаться, что они только найдут те, которые используют внутренние ссылки на страницы - якорь или идентификатор (подробнее см. Ниже), но не колесико мыши и полосу прокрутки. Есть хороший шанс, что я ищу неправильные ключевые слова. Кто-нибудь знает правильную терминологию, чтобы найти эти плагины или узнать какие-либо плагины, которые достигнут этого эффекта?

На стороне заметки, я в настоящее время изучаю jQuery и Javascript, но я нахожусь на самых ранних этапах - все еще трачу через кодовую академию, но пока не попал в какой-либо код реального мира. Поэтому на данный момент я играю с плагинами как способ обучения, но, надеюсь, через несколько месяцев я смогу создать свои собственные вещи!

Плавная прокрутка на якорь тегов или идентификаторами:

• http://archive.plugins.jquery.com/project/ScrollTo
• http://jsfiddle.net/9Amdx/7/
• http://arthurclemens.github.com/jquery-page-scroll-plugin/
• http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12
• http://www.designova.net/scrollerbird/
• http://chris-spittles.co.uk/?p=462
• http://joelb.me/scrollpath/ (* любезно @DrunkRocketeer)

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

• http://www.ascensionlatorre.com

Answer 1

Попробуйте этот. https://nicescroll.areaaperta.com/

Он получил

$().scrollTop() 

JQuery прослушиватель событий тоже, так что вы можете иметь путь прокрутки, сконфигурированный с параллакса сценария.

Answer 2

Я думаю, вы должны объединить несколько этих эффектов, чтобы сделать что-то похожее на сайт Landrover. Сглаженный скрипт прокрутки, скрипт прокрутки и сценарий параллакса.

Это интересный сайт для элемента пути этого сайта: http://joelb.me/scrollpath/

Хотя лучший способ узнать, как эти сайты работают, чтобы изучить их! Некоторые интересные места, использующие параллакс: http://www.awwwards.com/?s=parallax&post_type=all&search=Ok

Надеюсь, это было из-за помощи/вдохновения!

Cheers, Robin