Показать сообщение отдельно
  #1 (permalink)  
Старый 09.12.2018, 15:19
Новичок на форуме
Отправить личное сообщение для Dimon24 Посмотреть профиль Найти все сообщения от Dimon24
 
Регистрация: 09.12.2018
Сообщений: 2

Проблемы с навигацией по странице
Добрый день всем!
Подскажите пожалуйста, как решить данную проблему:

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

Переход по якорной ссылке работает. и без скрипта в принципе работал (анимация не нужна). Но Проблема в том что при переходе вся часть страницы что выше якоря - обрезается, и подняться наверх нет возможности.
Как это исправить, что бы переход на блок происходил, но страницу при этом не обрезало?
Заранее благодарен за ответы. Сам в теме новичек.
Ответить с цитированием