Рассказываем как при нажатии на элемент плавно пролистать страницу до нужного места, с использованием библиотеки JQuery. А так же про решение проблемы, связанной с наездом шапки на компоненты страницы...
Данный пример подойдет всем сайтам у которых есть якорные ссылки, особенно будет актуально для лендинг пейдж. При нажатии на ссылку, которая содержит якорь, происходит плавная прокрутка к элементу. Обычно якорная ссылка содержит в атрибуте href ID элемента назначения, со знаком решетки вначале (#). Например: <a href="#block">Ссылка на элемент</a><div id="block"></div> При нажатии на ссылку будет резкий переход к назначенному элементу. Чтобы прокрутка была плавной, добавляем код представленный ниже...