Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Folker

Como saber quando uma página foi rolada?

Recommended Posts

Salve galera da iMasters.

 

Procurei pela net da vida e não fui muito feliz com os resultados que consegui. =/

 

Gostaria de saber como eu posso fazer para descobrir quando uma página foi rolada. Explicando:

 

Tenho em minha página um botão que rola a pagina até o topo usando JQuery. O problema é que eu quando a página está no topo, eu queria que esse botão desaparecesse e que só aparecesse de novo quando eu rolar a pagina, ou seja, quando eu tiver conteudo pra cima a ser visto. E que quando eu clicar no botão e ele me levar de novo ao topo da pagina, ele sumisse e só aparecesse de novo quando o usuário rolasse a página...

 

Att. Henry.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tente:

window.onscroll = function() {
    if(window.scrollY > 0) {
        // mostrar botão...
    } else {
        // esconder botão...
    }
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Valeus meus brothers ^^ Consegui faze o esquema aqui.....ficou show!! Graças a vcs!

 

O conceito que queria faze é mais ou menos isso:

 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Detectando rolagem</title>
<script type="application/javascript" src="js/jquery.js"></script>
<script type="text/javascript">

$(document).ready(function(){
	$("img").hide();
});
	window.onscroll = function () {
		if (window.scrollY > 0) {
			$("img").show();
		}
		else {
			$("img").hide();
	}
	}


</script>
</head>

<body>
<div style="height:900px;">Oi</div>
<img id="img" src="http://icons.iconarchive.com/icons/mattahan/ultrabuuf/256/Street-Fighter-Zangief-icon.png" style="position:fixed; top: 50px; left:10px;"/>
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.