Ver Mensaje Individual
  #8 (permalink)  
Antiguo 29/03/2010, 19:33
Avatar de mayid
mayid
Colaborador
 
Fecha de Ingreso: marzo-2009
Ubicación: BsAs
Mensajes: 4.014
Antigüedad: 15 años, 8 meses
Puntos: 101
Respuesta: jquery scroolTo

Buenísima reseña. Gracias.

Por ahora, tengo un scrool en el eje y (por default). Un menu con enlaces del tipo ancla, y un div contenedor subdividido en secciones.

Para que la cosa funciones tuve que definir un CSS basico para ese contenedor y sus secciones:
Cita:
#content{
overflow:hidden;
width:630px;
background-color:white;
position:relative;
height:300px;
float:left;
clear: both
}
.section{
height:300px;
position:relative;
}
Luego, el jquery es este:

Cita:
<script type="text/javascript" src="lib/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="lib/jquery.scrollTo-1.4.2-min.js"></script>
<script type="text/javascript" src="lib/jquery.localscroll-1.2.7-min.js"></script>

<script type="text/javascript">

$(document).ready(function(){
/*
$.localScroll.hash({
target: '#content',
duration:1000
});
*/

$('#menu').localScroll({
target:'#content',
duration:1000
});
})

</script>
El hash es un codigo que sirve para hacer scrool al cargar la pagina, si esta definido algo en la url.

Que bueno. Queda documentado aqui en el foro.

Gracias!