Role / pule para id sem jQuery
Eu pesquisei muitos tópicos para uma solução utilizável.
Mas não encontrei algo. A maioria dos scripts é muito confusa para os meus propósitos.
Buscando uma solução baseada apenas em Javascript.No meu projeto não é possível usar o jQuery.
Eu preciso de um salto ou rolar para id.
<head>
<script type="text/javascript">
//here has to go function
</script>
</head>
Minha chamada é:
<a onclick="function_call+targetname"><img src="image1" alt="name1"></a>
<a onclick="function_call+targetname"><img src="image2" alt="name2"></a>
<a onclick="function_call+targetname"><img src="image3" alt="name3"></a>
Então eu tenho que usar o evento onclick na minha navegação.
Agora onclick eu quero pular ou rolar para um id div na minha página:
<div id="target1">some content</div>
<div id="target2">some content</div>
<div id="target3">some content</div>
É muito importante: a âncora html não funciona infelizmente. Caso contrário, tudo seria bem fácil.
Eu tenho usado bevore simplesmente:
onclick="window.location.hash='target';"
Mas eu tenho restrições no eBay. Eles não permitem esse código simples.
Também não posso chamar um javascript externo (use somente JS na área head). Além disso, não é possível usar: "cookie", "cookie", "replace (", IFRAME, META ou includes) e base href.
Não pode ser difícil com um pouco de JS pular para um ponto específico. Eu não preciso de efeitos especiais.
Alguém tem uma solução esbelta e útil?
Eu encontrei uma solução por mim e graças a Oxi. Eu sigo o seu caminho.
Para todos os interessados na minha solução:
<head> <script type="text/javascript"> function scroll(element){
var ele = document.getElementById(element);
window.scrollTo(ele.offsetLeft,ele.offsetTop); } </script> </head>
Chamada de navegação:
<a onclick='scroll("target1");'><img src="image1" alt="name1"></a>
Agora você pode pular para um div com ID chamado
<div id="target1">CONTENT</div>