Плавный эффект ослабления прокрутки с помощью колеса мыши
Недавно я наткнулся на этот сайт http://www.ascensionlatorre.com/home, и мне нравится, как работает прокрутка колеса мыши - ослабление очень плавное.
Я искал Google, но я не могу найти ничего подобного.
Есть ли какие-либо предложения о том, как реплицировать этот эффект с помощью jQuery?
Ответы
Ответ 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
На вашем элементе (конечно, префикс поставщика), будет сглаживаться анимация от эффектов параллакса.
Похоже, они переопределили поведение прокрутки и сделали каждый тик вниз по странице на определенную сумму. Вот как я по крайней мере подойду к этому.