¿Es posible crear un hipervínculo a una posición de desplazamiento específica en una página web? Por ejemplo, me gustaría crear un enlace ahttp://www.stackoverflow.com/, pero con la página desplazada hacia abajo 100 píxeles.
Respuesta1
Puede desplazarse a una posición determinada utilizando elcomplemento jQuery scrollTo. Si echas un vistazo a supágina de demostración, verá que el complemento tiene muchas opciones diferentes, incluido el desplazamiento a una posición determinada. Sin embargo, eso significaría que tendrías que controlar el JavaScript del objetivo, por lo que esto podría no ser adecuado para un enlace a un sitio externo.
Respuesta2
El enlace sencillo a algún lugar de la página es a través de unpunto de anclajeya presente en la página.
Esto se puede crear usando la <a>…</a>etiqueta. Tenga en cuenta que el enlace especificado en "punto de anclaje" (arriba) tiene #h-12.2al final. Esto corresponde a <a id="h-12.2">12.2</a>lo incrustado en el HTML que forma la página y, al hacer clic, reposicionará la vista de la página en este ancla.
Tenga en cuenta que antes de HTML5, el nameatributo se usaba en la etiqueta de anclaje, pero ya no se admite y el idatributo debe usarse en su lugar (referencia). Esto también significa que puede usar cualquier elemento para una etiqueta de anclaje, no está limitado al <a>elemento.
Respuesta3
De manera similar a la respuesta de Paul, también puede vincular a la primera aparición de una ID de etiqueta en un documento HTML. Sin embargo, este no será un número exacto de píxeles.
Por ejemplo, enlace/desplácese hasta esta páginapreguntaorespuestas.
Respuesta4
Para vincular a una posición específica de un píxel en una página, coloque la etiqueta de anclaje dentro de un div que esté posicionado absolutamente usando las coordenadas "arriba:x izquierda:y".