Como posso criar um link para uma posição específica em uma página da web?

Question

É possível criar um hiperlink para uma posição específica de rolagem em uma página da web? Por exemplo, gostaria de criar um link parahttp://www.stackoverflow.com/, mas com a página rolada 100 pixels para baixo.

Answer 1

Você pode rolar para uma determinada posição usando oPlug-in jQuery scrollTo. Se você der uma olhada em seupágina de demonstração, você verá que o plugin é capaz de muitas opções diferentes, incluindo rolar para uma determinada posição. Isso significaria que você teria que controlar o JavaScript do alvo, portanto, isso pode não ser adequado para um link para um site externo.

Answer 2

O link básico para algum lugar na página é por meio de umponto de ancoragemjá presente na página.

Isso pode ser criado usando a <a>…</a>tag. Observe que o link especificado em “ponto de ancoragem” (acima) possui #h-12.2no final. Isso corresponde ao <a id="h-12.2">12.2</a>incorporado no HTML que forma a página e, ao ser clicado, reposicionará a visualização da página para esta âncora.

Observe que antes do HTML5, o nameatributo era usado na tag âncora, mas não é mais suportado e o idatributo deveria ser usado em seu lugar (referência). Isso também significa que você pode usar qualquer elemento para uma tag âncora, você não está limitado ao <a>elemento.

Answer 3

Semelhante à resposta de Paul, você também pode vincular à primeira ocorrência de um ID de tag em um documento HTML. Porém, este não será um número exato de pixels.

Por exemplo, link/role para esta páginaperguntaourespostas.

Answer 4

Para vincular a uma posição específica de pixel em uma página, coloque a tag âncora dentro de um div que esteja posicionado de forma absoluta usando as coordenadas "top:x left:y".