Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17612
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Posição no documento

21-01-2007 02:04

Iremos nesse artigo aprender a navegar de uma posição para outra no documento atual usando o offsetTop.
O offsetTop retorna a posição atual do elemento relativo ao topo do documento.

vamos ao nosso código:

<script> function chamada(valor){ posicao=document.getElementById(valor).offsetTop-20 window.scrollTo(0,posicao) } </script>


<span id="um"></span> <a href="javascript:void(0)" onclick="chamada('dois')">conteúdo dois</a> <div align=center> CONTEÚDO UM </div>   <br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br>   <span id="dois"></span> <a href="javascript:void(0)" onclick="chamada('três')">conteúdo três</a> <div align=center> CONTEÚDO DOIS </div>   <br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br>   <span id="três"></span> <a href="javascript:void(0)" onclick="chamada('um')">conteúdo um</a> <div align=center> CONTEÚDO TRÊS </div>

no nosso código pegamos através da variável "posicao" no javascript o valor passado pelo onClick no link e movemos a página até nossa identificação no span de acordo com o id passado no mesmo.
0

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado