Как создать эффект плавной прокрутки на всей странице?

#javascript #jquery #css #smooth-scrolling

#javascript #jquery #css #плавная прокрутка

Вопрос:

Я хотел бы знать, как сделать эффект плавной прокрутки на полной странице, как на этом сайте: http://www.melville-design.com/le-concept / или на этой странице : http://manos.malihu.gr/repository/custom-scrollbar/demo/examples/full_page_demo.html

Эффект, который я ищу, — это эффект ослабления или «эффект замедления» всех элементов при прокрутке вверх или вниз…

Существует ли плагин для этого эффекта?

Спасибо за ваши ответы.

Комментарии:

1. Melville design использует TweenMax от Greensock: greensock.com/tweenmax Вот с чего я бы начал

2. Вы, вероятно, хотите что- то вроде этого — scrollmagic ; эффекты прокрутки одной страницы. Фактически, это то, что использует первый сайт (Melville), на который вы ссылались. Вторая предоставленная вами ссылка, похоже, вообще не связана с первой, это просто средство для улучшения полосы прокрутки javascript. Я не уверен, должны ли мы знать, что такое «эффект lerp», но я никогда не слышал об этом и не знаю, что это значит.

3. Спасибо за ответы, на самом деле я ищу эффект простоты, который следует за элементом при прокрутке, а не эффект, который показывает элементы. Например, когда я прокручиваю… все элементы немного перемещаются с красивой плавностью в зависимости от направления прокрутки. Спасибо вам! (извините за мой английский ..)

Ответ №1:

Привет, вторая страница использует этот скрипт jquery.mCustomScrollbar.concat.min.js , так что это плагин jquery

здесь у вас есть страница, на которой показано, как ее использовать.

http://manos.malihu.gr/jquery-custom-content-scroller/