Страницы

Поиск по вопросам

понедельник, 22 октября 2018 г.

Прокрутка к якорю с отступом сверху

При клике на ссылку идет прокрутка страницы к якорю, но на странице также есть фиксированное горизонтальное меню, и получается, что страница прокручивается слишком много.
Как сделать, чтобы прокрутка останавливалась примерно в 100 пикселях от якоря?
Вот код страницы и скрипт:
$(document).ready(function(){ // = Вешаем событие прокрутки к нужному месту // на все ссылки якорь которых начинается на # $('a[href^="#"]').bind('click.smoothscroll',function (e) { e.preventDefault(); var target = this.hash, $target = $(target); $('html, body').stop().animate({ 'scrollTop': $target.offset().top }, 900, 'swing', function () { window.location.hash = target; }); }); }); Плавная навигация на странице | Howtomake

One

Тут текст Lorem Ipsum

Two

Тут текст Lorem Ipsum.

Three

Тут текст Lorem Ipsum

Four

Тут текст Lorem Ipsum

Five

Тут текст Lorem Ipsum

Six

Тут текст Lorem Ipsum



Ответ

Сделайте так $target.offset().top - 100, вместо 100 можно поставить нужное значение в px, вот кусок вашего кода с полной функцией: $('html, body').stop().animate({ 'scrollTop': $target.offset().top - 100 }, 900, 'swing', function () { window.location.hash = target; });

Комментариев нет:

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