Как перейти на конкретный якорь при входе на страницу (не работает) - PullRequest
Новая
       17

Как перейти на конкретный якорь при входе на страницу (не работает)

4 голосов
/ 19 декабря 2011

Прежде всего, это мое текущее состояние игры: thsbrk.de .

Черные ящики должны быть, например, о разделе. Я хочу добиться этого, если вы зайдете на мою страницу (thsbrk.de), вы сразу перейдете к моей справочной секции (якорь '#references') Затем, если вы нажмете ссылку «О программе», вы перейдете к разделу «О программе». Я уже пытался заставить это работать, но это не так. Якорь, кажется, не работает.

Было бы здорово, если бы кто-нибудь взглянул на мой код и предложил мне решение :)

(прокрутка еще не реализована, я спрашиваю только о проблеме привязки)

РЕДАКТИРОВАТЬ: Здесь у меня есть пример, как это должно работать: Пример

Ответы [ 3 ]

1 голос
/ 19 декабря 2011

Дайте тег head, подобный этому, в заголовке. Пусть это будет также первый скрипт. 

<script>
location.href="http://thsbrk.de/#references"
</script>

Из вашего кода вы сделали то же самое. Но попробуйте изменить порядок тегов скрипта, это может сработать.

1 голос
/ 19 декабря 2011

Простой JS: 

window.onload=function() {
  var anchorHash = 'references';
  document.getElementsByName(anchorHash)[0].scrollIntoView();
}

Вот пример jQuery из 2009 - могут быть более новые способы

Как прокрутить строку таблицы в представление (элемент.scrollintoView) с использованием jQuery?

В вашем случае это может работать 

$(document).ready(function() {
  var anchorHash = 'references';
  var pos = $('#'+anchorHash).position();
  window.scrollTo(0,pos.top);
});
0 голосов
/ 19 декабря 2011

Попробуйте и скажите мне результат: 

$(document).ready(function() {
   window.location.href = '#references';
});

, а затем измените свой тег привязки следующим образом: 

<a name="references">Here</a>
...