Плавная прокрутка страницы JQuery используется по разному. Например в одностраничных лендингах используется прокрутка по нажатию на пункт меню. Это может быть скролл до блока с контактами или до формы заполнения заявки. На блогах, подобных нашему, это могут быть якорные ссылки в меню навигации.
Но реализация прокрутки JQuery остаётся неизменной. Код функции скроллинга доступен ниже.
Для лучшего понимания как работает плавная прокрутка JQuery, рекомендуем посмотреть видео: https://youtu.be/71ZXYMtyiZo
Шапка наезжает на элементы
Если на сайте присутствует фиксированная шапка, то при прокрутке шапка будет наезжать на элементы. Исправить эту проблему необходимо вычитанием высоты шапки от объекта, к которому скролится страница.
Оригинал статьи: https://pliaron.com/jquery-plavnaya-prokrutka-straniczy-sajta/