Tengo, por ejemplo, un <div>
en cierto punto de la página. Lo que quiero es que cuando el scroll esté en la misma posición de ese div
me ejecute una función. Por ejemplo:
if(Scroll == div){div.innerHTML="altura es ???'" ;}
Lo intenté hacer con scrollTop
pero solo me ejecuta la función cuando el scroll está en el tope y, bueno, yo quiero que me la ejecute cuando ambos se topen por ahí.
Aquí esta mi código:
//asi es como lo se hacer pero no se si este correcto con srollTop
onscroll=function(){
var yScroll=self.pageYOffset || (document.documentElement.scrollTop+document.body.scrollTop);
var div = document.getElementById('pp');
if(yScroll == div.scrollTop){div.innerHTML="altura es: "+yScroll;}
}
div{
background:grey;
font-size:30px;
padding:5px;
font-weight:bold;
width:200px;
border-radius:5px;
}
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
</head>
<body>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<!--cando el scroll lleque a este div quiero ejecutar una funcion-->
<div id="pp">0</div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</body>
</html>