Добрый день всем!
Подскажите пожалуйста, как решить данную проблему:
На сайте кастомный скролл. При прокрутке страница ползает то вниз то вправо. стоит задача - добавить на каждый экран меню навигации по этой самой странице. Начал с первого экрана, добавил и стилизовал меню:
<ul class="nav-menu" id="menu">
<li><a href="#opisanie">описание</a></li>
<li><a href="#raboti">выполненные работы</a></li>
<li><a href="#preim">преимущества</a></li>
<li><a href="#otziv">отзывы</a></li>
<li><a href="#sert">сертификаты</a></li>
<li><a href="#contact">контакты</a></li>
<li><a href="#opros">опросные листы</a></li>
</ul>
Соответственно расставил все якоря на странице и разместил вот такой скрипт, надеялся поможет:
$(document).ready(function() {
$('a[href*=#]').bind('click', function(e) {
e.preventDefault();
var target = $(this).attr("href");
$('html, body').stop().animate({ scrollTop: $(target).offset().top}, 0, function() {
location.hash = target;
});
return false;
});
});
Переход по якорной ссылке работает. и без скрипта в принципе работал (анимация не нужна). Но Проблема в том что при переходе вся часть страницы что выше якоря - обрезается, и подняться наверх нет возможности.
Как это исправить, что бы переход на блок происходил, но страницу при этом не обрезало?
Заранее благодарен за ответы. Сам в теме новичек.