Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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;
 });
});

Переход по якорной ссылке работает. и без скрипта в принципе работал (анимация не нужна). Но Проблема в том что при переходе вся часть страницы что выше якоря - обрезается, и подняться наверх нет возможности.
Как это исправить, что бы переход на блок происходил, но страницу при этом не обрезало?
Заранее благодарен за ответы. Сам в теме новичек.
Ответить с цитированием
  #2 (permalink)  
Старый 09.12.2018, 18:41
Новичок на форуме
Отправить личное сообщение для Dimon24 Посмотреть профиль Найти все сообщения от Dimon24
 
Регистрация: 09.12.2018
Сообщений: 2

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

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Заставить работать скрипт для навигации по странице при переходе извне geol.post jQuery 5 29.10.2015 13:35
Динамическое отображение контента на 2ой странице, в зависимости от выбора на 1ой Volchen0ck Events/DOM/Window 2 14.05.2014 16:01
Решение проблемы с отображением элементов на странице mozyr Javascript под браузер 17 13.01.2012 01:34
Не выполняется скрипт на подгружаемой странице AlThar ExtJS 1 21.01.2011 15:10
глюк форума Gvozd Сайт Javascript.ru 11 18.03.2009 14:37