Resolvendo o problema de scroll com href do HTML com Jscript

Se deseja evitar o scroll do href bastar adicionar ao evento “onclick” um “return false”.
Exemplo:
Se tem um código parecido como abaixo em seu HTML, isso ocasionará um scroll de página, retornando ao topo da página.

<a href='#' onclick="javascript:alert('oi');">Fechar</a>

Para evitar o scroll, adicione um “return false” ao final de sua chamada jscript ou retorne false de sua função.

<a href='#' onclick="javascript:alert('oi');return false;">;Fechar</a>

Código HTML completo:

<html>
<head>
</head>
<body>
43243324423<br>
dfgdgfd<br>
fdgfdg<br>
fdgg<br>
dgdfg<br>
fdgdgfd<br>
gddgdgfd<br>
gfdfdgfd<br>
fdgfghgfhfhjfg<br>
gfhgffhgfhgf<br>
gfhgfghgh<br>
hhhfghgfh<br>
ffff<br>
43243324423<br>
dfgdgfd<br>
fdgfdg<br>
fdgg<br>
gddgdgfd<br>
gfdfdgfd<br>
fdgfghgfhfhjfg<br>
gfhgffhgfhgf<br>
gfhgfghgh<br>
hhhfghgfh<br>
ffff43243324423<br>
dfgdgfd<br>
fdgfdg<br>
fdgg<br>
dgdfg<br>
fdgdgfd<br>
gddgdgfd<br>
gfdfdgfd<br>
fdgfghgfhfhjfg<br>
43243324423<br>
dfgdgfd<br>
gfdfdgfd<br>
fdgfghgfhfhjfg<br>
gfhgffhgfhgf<br>
gfhgfghgh<br>
hhhfghgfh<br>
ffff43243324423<br>
dfgdgfd<br>
fdgfdg<br>
fdgg<br>
dgdfg<br>
fdgdgfd<br>
gddgdgfd<br>
gfdfdgfd<br>
<a href='#' onclick="javascript:alert('oi'); return false">Fechar</a>
</body>
</html>
Anúncios

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s