Foros del Web - Ver Mensaje Individual - Alguien sabe como se hace este efecto slide ??

emprear · #7 (**permalink**) 04/01/2013, 09:21

a ver si esto te orienta

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<title>Arriba - abajo jquery</title>
</head>
<body>
    <div>arriba</div><br />    
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
  <div>abajo</div><br /><br />
 
<script type="text/javascript">
//<![CDATA[
        $(document).ready(function() {
             var ventana = $(window);
 
             ventana.scroll(function () {
                 if (ventana.scrollTop() == 0)
                     alert('Scroll arriba');
                     // reposicionas la imagen
                 else if (ventana.height() + ventana.scrollTop() == $(document).height()) {
                     alert('scroll abajo');
                 }
             });
         });
//]]>
</script>
</body>
</html>

Saludos