duda sobre eventos

llorcasantana · #1 (**permalink**) 22/11/2012, 13:11

Hay algun evento que se active cuando la pantalla pasa por arriba de el??

por ejemplo :
click -> se activa cuando da click
mouseover -> cuando el cursor pasa por ensima de el

Lo que quiero es que se active cuando veo el div

ArturoGallegos · #2 (**permalink**) 22/11/2012, 13:27

cuando ves el div, supongo que te refieres a cuando termina de cargar la pagina... con lo cual podrías usar window.onload

llorcasantana · #3 (**permalink**) 22/11/2012, 13:31

No, es o cuando veo wl div o cuando la barra de desplazamiento esta abajo. el div esta al final de la pagina. Algo parecido al facebook con las publicaciones. Cuando llegas al final de la pagina automaticamente se activa para que muestre otros

Javier01 · #4 (**permalink**) 22/11/2012, 14:57

Creo que este post te puede ayudar
http://www.forosdelweb.com/f91/efect...scroll-910552/

Panino5001 · #5 (**permalink**) 22/11/2012, 15:33

Fijate si te sirve este ejemplo:

Código PHP:

  <!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

<script type="text/javascript">

var p=1;

onload=function(){

    document.onscroll=function(){

        if((document.getElementById('contenedor').offsetHeight-document.documentElement.clientHeight - (document.documentElement.scrollTop+document.body.scrollTop || self.pageYOffset))<1000){

            document.getElementById('pag').innerHTML='Página '+(++p);//acá traer más contenido via AJAX

            document.getElementById('contenedor').style.height=(parseInt(document.getElementById('contenedor').style.height,10)+1000)+'px';

        }

    }

}

</script>

 
</head>

<body>

<div id="contenedor" style="height:1000px; position:relative">

<div style="position:fixed; top:0; left:0; width:100%; height:20px" id="pag">Página 1</div>

</div>

</body>

</html>