Плавный переход по якорям + переход с внешних ссылок

[wry]

Всем привет. Второй день пытаюсь решить следующую задачу: на главной странице сайта есть ссылка якорь, при клике на которую, страница плавно скролится к нужному блоку. Как сделать, чтобы ссылка на этот блок срабатывала с внешних страниц?

Подробнее.

Что имеем:

меню с одной ссылкой-якорем

<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, но с этим языком я не знаком.

Заранее благодарю за помощь.

Edited August 16, 2016 by wry

[Switch74]

1. Не пойму зачем вам return false; в $(document).ready
2. Добавьте перед ним проверку на window.location.hash, если он у вас есть, то ищем элемент и выполняем клик по нему $('a[href*='+hash+']').click()

[Switch74]

var hash = window.location.hash;
if(hash !== '') $('a[href^='+hash+']:first').click();

Что-то вроде, работоспособность проверить не могу

[wry]

Шёл третий день. Мои руки не стали прямее. Я перевтыкал этот код куда только можно, но результат не изменился.

Залил пример на тестовый домен http://www.vrhd.ru/

Если со страницы http://www.vrhd.ru/ кликнуть по ссылке "Главная", то все будет ок.

Если со страницы http://www.vrhd.ru/second.html кликнуть на "Главная", то будет аналогичная плавная прокрутка, а надо, чтобы открылась главная.

Тут оно в архиве http://www.vrhd.ru/test.rar, если есть желающие рискнуть доделать эту задачу, я с радостью отблагодарю.

[Switch74]

Много нюансов с якорями:

1. В вашем примере на http://www.vrhd.ru/ кликнув по ссылке "Главная" плавно все переходит, но не отписывает якорь в адресную строку, а должен бы

2. На странице http://www.vrhd.ru/second.html кликнув по ссылке "Главная" мы попадаем на http://www.vrhd.ru/second.html#scroll , а должны наверно на http://www.vrhd.ru/#scroll 

чтобы было так нужно указывать в ссылках "/#scroll", но тогда $('a[href^='+hash+']:first').click() - нам не подойдет, придется брать window.location.pathname + window.location.hash

3. теперь если мы заходим на страницу с корректным hash, то браузер автоматически переносит нас к нужному элементу, я бы попробовал сделать якоря не похожими на hash тогда можно будет без лишних движений вниз/вверх сделать свою анимацию.

Ну или для простоты попробовать перед всем этим добавить window.scrollTo(0,0);

[jdk]

Попробуйте вот это решение.