Jquery переход к якорю: jQuery : Плавная прокрутка к #якорю, Например: вверх или вниз

Содержание

jQuery Smooth Scroll to Anchor с помощью animate()

Я всегда получаю удовольствие от jQuery … особенно от методов анимации.

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

Тем не менее, многое из того, что вы можете сделать с анимацией jQuery, — это больше, чем «услада для глаз»… они помогают улучшить взаимодействие с пользователем.

Это одна из таких анимаций: сглаживание прокрутки до тега привязки.

Вместо этого резкого мигания, которое вы получаете в браузере по умолчанию… вы получаете приятную плавную прокрутку, которая дает посетителю сайта некоторый контекст о том, что он только что щелкнул и куда он попал.

Вот как это сделать:

И, если вы дадите мне лайк, я буду очень признателен!

И, как я уже сказал, исходный код доступен на Patreon для умных людей, которые поддерживают шоу. (Вы знаете, что хотите присоединиться к ним.)

P.S. Если вам понравилось шоу, поставьте лайк и поделитесь им с сообществами и людьми, которым, по вашему мнению, это будет полезно. Вы всегда можете найти все мои руководства, выпуски подкастов и многое другое на johnmorrisonline.com, @jpmorris в Твиттере и на youtube.com/johnmorrisvideo.

Подписаться на подкаст

[saf]

Вам также может понравиться

6 способов создать отличный опыт работы вне офиса, чтобы получить больше рекомендаций и постоянных клиентов в вашем внештатном бизнесе

Все мы знаем о важности первого впечатления. Но я думаю, что люди часто забывают, насколько важно «последнее впечатление». Вы

Подробнее »

7 способов значительно улучшить предоставление услуг в вашем внештатном бизнесе

Забавно. На днях этот парень подошел ко мне в продуктовом магазине и сказал: «Эй, чувак, я могу сказать, что ты работаешь

». Подробнее »

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

Люди ушам верят меньше, чем глазам Геродот Были ли сказаны более правдивые слова? Вот где вы находитесь сейчас. Вы рассказали хорошую игру.

Подробнее »

Внештатные контракты, условия оплаты, формы запросов и все детали получения оплаты (и не облажались)

Есть замечательная история о Джоне Вудене, который выиграл 10 баскетбольных чемпионатов NCAA за 12 лет с UCLA Bruins и также отвечал за

Подробнее »

Как создать неотразимое предложение услуг фрилансера — часть 2

«Если есть сомнения, обратитесь к первоисточнику». «Звездные войны: Войны клонов» В нашем случае этот «источник» является нашим предложением. Всегда и навсегда, если ты

Подробнее »

Как создать неотразимое предложение услуг фрилансера — часть 1

Значение субъективно. Это не случайный интернет-мудак, Джонни Фриланс, просто так сказал. Это наиболее общепринятая (безусловно) экономическая теория стоимости, которая называется… сюрприз,

. Подробнее »

Facebook

Twitter

Reddit

Pinterest

ДЖОН МОРРИС

Я ветеран веб-разработки с 15-летним стажем. Я работал с авторами бестселлеров и среднестатистическим соседом Джо. В настоящее время я сосредоточен на том, чтобы помогать другим фрилансерам строить свой внештатный бизнес и свой образ жизни.