Удерживать позицию сайта при навигации

Question

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

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

Answer 1

вместо простой ссылки на страницу, вы можете сделать ссылку на привязку на этой странице, используя

<a href="pagename.html#anchor">link text</a>

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

Answer 2

Кажется также, что вы, возможно, захотите использовать mooTools ScrollTo для воздействия или, возможно, даже вызвать метод AJAX, такой как SWFAddress.

В зависимости от того, что именно вы пытаетесь сделать, вы можете сделать это без использования какого-либо необычного javascript, но это будет зависеть от включения меток и т. Д. на целевой странице (как уже упоминалось ранее).

Answer 3

Так работает сеть. Но все же вы можете сделать несколько рабочих раундов, но каждый из них займет немного работы.

Первый вариант: Когда вы нажимаете на любую ссылку на странице, получаете поле для ссылки сверху, затем добавляете ее в качестве параметра к этой ссылке и только после этого выполняете навигацию. (формат строки будет выглядеть как page.html # margin-from-top).
Затем на новой загруженной странице вы можете найти это значение и выполнить прокрутку. (Я предпочитаю прокрутку с небольшой продолжительностью).

Второй вариант: Другая идея состоит в том, чтобы всегда оставаться на одной и той же странице и изменять только ее содержимое. Вы можете сделать это с небольшими эффектами.

Answer 4

Если это проблема, которую я представляю:

Измените ссылки, чтобы они указывали на <a href="#"> или <href="javascript:void(0);">

Если вы переходите на разные страницы, вы можете использовать ссылку как:

<a href="page2.html#Section5">My Link</a>

Вниз по странице:

<div id="Section5">
 Stuff!
</div>