Добрый день, коллеги! Нужна помощь, хочу реализовать следующий эффект: при загрузке страницы если в адресе сайта будет находиться якорь (например, mysite.ru#anchor
), тогда прокрутить страницу до этого якоря!
Использую скрипт прокрутки до якоря:
$(window).load(function () {
$('html, body').animate({scrollTop: $('#anchor').offset().top}, 2000);
return false;});
Он нормально работает, если явно прописывать в него конкретный якорь #anchor
, но если прописать этот якорь еще и в адресе mysite.ru#anchor
, то после обновления - страница сразу опускается до якоря без анимации (как в обычном режиме), а скрипт начинает выполняться потом (когда страница уже прокручена), т.е. после инициализации элемента с id = "anchor"
в DOM, браузер срабатывает раньше, чем скрипт.
Вопрос: как сделать так, чтобы было наоборот, или вообще как добиться желаемого?