При клике на ссылку идет прокрутка страницы к якорю, но на странице также есть фиксированное горизонтальное меню, и получается, что страница прокручивается слишком много.
Как сделать, чтобы прокрутка останавливалась примерно в 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;
});
});
});
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; });
Комментариев нет:
Отправить комментарий