Search the Community
Showing results for tags 'плавный переход'.
-
Всем привет. Второй день пытаюсь решить следующую задачу: на главной странице сайта есть ссылка якорь, при клике на которую, страница плавно скролится к нужному блоку. Как сделать, чтобы ссылка на этот блок срабатывала с внешних страниц? Подробнее. Что имеем: меню с одной ссылкой-якорем <nav> <ul class="menu"> <li><a href="#scroll">Главная</a></li> <li><a href="link1.html">Внутренняя 1</a></li> <li><a href="link2.html">Внутренняя 2</a></li> </ul> </nav> вызывается через инклуд <?php include('system/menu.php') ?> Находясь на странице site.ru, при клике по "Главная" страница плавно скролится вниз к блоку id="scroll" с помощью этого скрипта $(document).ready(function(){ $('a[href*=#]').bind("click", function(e){ var anchor = $(this); $('html, body').stop().animate({ scrollTop: $(anchor.attr('href')).offset().top-100 }, 1000); e.preventDefault(); }); return false; }); При попытке перейти с внутренней страницы сайта к нужному блоку на главной, ничего не происходит. Попробовал изменить ссылку на http://site.ru#scroll. теперь переход с внешних ссылок работает, но не работает скролл на главной. Как сделать, чтобы ссылка корректно срабатывала в обоих вариантах? Подозреваю нужно что-то исправить в коде js, но с этим языком я не знаком. Заранее благодарю за помощь.
- 5 replies
-
- внешняя ссылка
- плавный переход
-
(and 1 more)
Tagged with: