Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Проблемы с навигацией по странице (https://javascript.ru/forum/dom-window/76150-problemy-s-navigaciejj-po-stranice.html)

Dimon24 09.12.2018 14:19

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

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

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

Dimon24 09.12.2018 17:41

На сайте установлен ScrollMagic. И при скроллинге, он перерисовывает координаты блоку view1 в стиле translate3d.

Как заставить указать нужные координаты при клике на кнопки меню?


Часовой пояс GMT +3, время: 15:02.