Есть ли простой способ обеспечить корректный переход к якорю на странице с динамической вёрсткой?

Question

[Николай Чуприк]

Вёрстка страницы — позиционирование и ресайз элементов — при загрузке осуществляется с помощью JS. На странице присутствуют разделы с якорями типа <a name=#chapter>.

В качестве внутренних ссылок при сёрфинге в пределах страницы всё ок, т.к. пользователь пользуется переходами по ссылкам, когда страница уже отрисована. Но если я извне задаю URL=...#chapter, то меня сразу при переходе по такой ссылке бросает к якорю <a name=#chapter>, в то место, где она находится при загрузке DOM. Но потом отрабатывает JS, все элементы страницы разъезжаются по своим местам, и пользователь оказывается совсем не в том месте страницы, где задумывалось.

Как сделать, чтобы после рендера страницы получить корректный скороллинг к <a name=...> ?

Comments

[Николай Чуприк]

Сам спросил, сам ответил.

Видимо, когда всё устаканится, надо сделать:

var anchor_tag = document.location.href.split('#')[1];
if (anchor_tag)  {
  var anchor_pos = $('a[name]='+anchor_tag).offset().top;
  $(document).scrollTop(anchor_pos);
}

Answer 1

[DENIS]

Вот гугл отвечает:
Когда всё устаканится, надо сделать:

function scrollTo(hash) {
    location.hash = "#" + hash;
}