Плавный скролл к якорю по ссылке (js)


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

 

Что для этого потребуется:

1. Подключить jQuery (Скачать)

Будьте внимательны, в примере jQuery находится в папке js.

2. подключить скрипт плавного скролла

common.js

 

Функция click вызывается при нажатии на ссылку с классом go_to и скролит до указанного в ссылке якоря за указанное время (в примере — 900 мс). Если у вас на сайте есть закрепленная шапка, то следует отнять её значение от заданной позиции:

 

 

3. HTML разметка