Плавная прокрутка до якоря

Плавная прокрутка

Как организовать на страничке сайта плавную прокрутку до якорной ссылки? По большому счету не так и сложно.

Сначала убедитесь, что на вашем сайте подключена библиотека  jquery. Это должно выглядеть примерно так:

Далее в сам код страницы или в отдельный js-файлик необходимо вставить небольшой скрипт. Комментарии я привел в самом скрипте, так что затруднений с реализацией быть не должно.

Далее нужно создать ссылку и вместо пути указать якорь и знак решетка перед ним – #

Нашим якорем будет блок с ID – #blok.  Для нужного элемента на странице прописываем ему ID – #blok. Например так:

Читайте также:  Как скрыть телефонный номер на сайте

В нашем случаи – это простой section блок.

ВСЁ!

Теперь при нажатии на такую ссылку, посетитель плавно переместится на ту часть страницы где расположен блок с якорем. Как видите ничего сложного!


Понравилась статья? Поделись в соцсетях:

Всего комментариев: 0

Оставить комментарий