Как создать ссылку на определенную позицию на веб-странице?

Question

Можно ли создать гиперссылку на определенную позицию прокрутки на веб-странице? Например, я хотел бы создать ссылку наhttp://www.stackoverflow.com/, но при прокрутке страницы на 100 пикселей вниз.

Answer 1

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

Answer 2

В обычном режиме ссылка на что-то внутри страницы осуществляется черезточка привязкиуже присутствует на странице.

Это можно создать с помощью <a>…</a>тега. Обратите внимание, что ссылка, указанная в "точке привязки" (выше), имеет #h-12.2в конце. Это соответствует <a id="h-12.2">12.2</a>встроенному в HTML-код, формирующий страницу, и при нажатии переместит вид страницы на эту привязку.

Обратите внимание, что до HTML5 nameатрибут использовался в теге привязки, но теперь он не поддерживается, и idвместо него следует использовать атрибут (ссылка). Это также означает, что вы можете использовать любой элемент для тега привязки, вы не ограничены элементом <a>.

Answer 3

Подобно ответу Пола, вы также можете ссылаться на первое вхождение идентификатора тега в HTML-документе. Это не будет точным числом пикселей.

Например, ссылка/прокрутка к этой страницевопросилиответы.

Answer 4

Чтобы создать ссылку на определенную в пикселях позицию на странице, поместите тег привязки внутрь div, который позиционируется абсолютно с использованием координат «top:x left:y».