Подтвердить что ты не робот

Плавный эффект ослабления прокрутки с помощью колеса мыши

Недавно я наткнулся на этот сайт http://www.ascensionlatorre.com/home, и мне нравится, как работает прокрутка колеса мыши - ослабление очень плавное.

Я искал Google, но я не могу найти ничего подобного.

Есть ли какие-либо предложения о том, как реплицировать этот эффект с помощью jQuery?

4b9b3361

Ответ 1

Недавно я столкнулся с этой проблемой, и я не нашел для нее большой поддержки, поэтому я быстро забыл о проблеме. Несколько месяцев спустя я увидел лучший пример гладкой прокрутки, поэтому я вошел и вырыл вокруг файлов JavaScript, которые они использовали, и обнаружил, что они используют файл jQuery под названием NiceScroll.

Я считаю, что это то, что мы искали, - простая плавная прокрутка для div, iframe или что-то еще, очень похожее на прокрутку iOS.

http://areaaperta.com/nicescroll/

Ответ 2

http://areaaperta.com/nicescroll/

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

ИЗМЕНИТЬ У меня была рабочая демонстрация, но с тех пор она удалена из-за хостинга и изменений домена, извините за это.

Ответ 3

Хорошо, я попробую помочь по запросу ур с каким-то материалом. Я нашел этот учебник для себя, надеюсь, он будет полезен и для вас. Это составляет основу сайта, на который вы ссылаетесь: http://johnpolacek.github.com/scrollorama/

http://johnpolacek.github.com/scrolldeck.js/

Ответ 4

У меня есть тот же вопрос, который вы задали. Я посещаю веб-сайт, который вы предоставили, и я узнаю ответ!

Они использовали jquery.mousewheel.js, и вы можете использовать консоль Chrome для найдите script. Просто найдите "mousewheel", и вы можете найти функцию называемый "прокруткой". Причиной гладкой прокрутки является то, что они не использовал jquery animate, но используя javascript setInternal для сделай это. Вы можете узнать из кода.

Я считаю, что вы можете это сделать.

Ответ 5

Я не нырнул в код, но я подозреваю, что они используют переходы CSS3.

transition: all 1s

На вашем элементе (конечно, префикс поставщика), будет сглаживаться анимация от эффектов параллакса.

Похоже, они переопределили поведение прокрутки и сделали каждый тик вниз по странице на определенную сумму. Вот как я по крайней мере подойду к этому.