Foros del Web » Programando para Internet » Jquery »

jQuery.scrollTo no funciona...

Estas en el tema de jQuery.scrollTo no funciona... en el foro de Jquery en Foros del Web. Bueno, es tan simple como que no me funciona un ejemplo muy sencillito de este plugin, todo lo que quiero es que la pagina baje ...
  #1 (permalink)  
Antiguo 21/04/2009, 11:59
 
Fecha de Ingreso: diciembre-2007
Mensajes: 194
Antigüedad: 17 años
Puntos: 5
Pregunta jQuery.scrollTo no funciona...

Bueno, es tan simple como que no me funciona un ejemplo muy sencillito de este plugin, todo lo que quiero es que la pagina baje 100px cada vez que le de al boton "aqui" de id "prueba". Pero cada vez que le doy, lo unico que sucede es que desaparece la scroll medio segundo y vuelve a aparecer sin hacer nada mas...

El codigo es este:

Código:
<html>
<head>
<script language="javascript" src="./js/jquery.js"></script>
<script language="javascript" src="./js/interface.js"></script>
<script language="javascript" src="./js/jquery.scrollTo.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
	$('#prueba').click(function(){
		$('#myContent').scrollTo({top:'-=100px'}, 500 );	
	});
});
</script>

<style type="text/css"> 
#myContent{
	height:200px;
	overflow:auto;
}
</style>
</head>
<body>
<a id="prueba">aqui</a>


	<div id="myContent">
	
		<h2>Scroll content with simple JavaScript function</h2>
	
		<p>
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent dapibus, purus non tincidunt mattis, 
		odio ipsum euismod ipsum, eget suscipit dui orci vitae urna. Vivamus et ipsum at mauris interdum dapibus. 
		Morbi lectus. Quisque id ante commodo nulla eleifend posuere. Donec quis augue sit amet neque mollis ornare. 
		Nam gravida rhoncus velit. In magna. Nulla semper tristique elit. Aenean euismod. Maecenas nunc sapien, 
		nonummy vel, nonummy in, ultrices tristique, odio.		</p>
		<p>
		Phasellus bibendum. Cras accumsan massa venenatis lectus bibendum elementum. Nulla id justo. 
		Nunc ante nisl, rhoncus vel, ultrices at, consequat ut, nunc. Vestibulum dolor. Aenean elementum 
		malesuada elit. Mauris turpis. Morbi vel nulla. Fusce sit amet quam. Etiam vel diam. 
		Praesent tortor. Nulla nisi arcu, nonummy at, dignissim at, elementum ut, leo. 
		Nunc odio nibh, cursus vitae, ultricies et, blandit et, leo.</p>
		
		<h2>Easy Scroll v1.0</h2>
		
		<p>
		Nulla velit velit, vehicula sit amet, tincidunt non, nonummy semper, massa. Cras accumsan. Nulla 
		faucibus lorem ut metus. Nulla felis lectus, tristique a, dapibus ut, pharetra a, nunc. Ut egestas. 
		Sed posuere rhoncus turpis. Vivamus posuere, augue ac viverra blandit, metus dolor malesuada neque, 
		eget elementum ipsum pede at pede. Vivamus elit metus, vehicula eget, consequat in, sodales nec, 
		diam. Vestibulum eu mauris. Sed sodales mi eu augue. Mauris sagittis hendrerit ipsum. Pellentesque sodales. 
		Duis ligula turpis, commodo nec, adipiscing eu, pretium id, eros. Maecenas tellus nisi, dapibus 
		lobortis, suscipit eget, consequat vitae, eros. Nunc cursus fringilla nisi. Morbi pharetra, 
		ipsum vel imperdiet elementum, sapien augue adipiscing magna, vitae tempus sapien sapien sit 
		amet magna. Fusce diam tortor, fermentum non, sollicitudin id, feugiat ac, felis. Maecenas 
		accumsan velit at risus. Proin in augue ut lacus auctor eleifend. Duis lectus.</p>
		
		<h2>Features up and down scroll, reset button and double speed</h2>
	
		<p>
		Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent dapibus, purus non tincidunt mattis, 
		odio ipsum euismod ipsum, eget suscipit dui orci vitae urna. Vivamus et ipsum at mauris interdum dapibus. 
		Morbi lectus. Quisque id ante commodo nulla eleifend posuere. Donec quis augue sit amet neque mollis ornare. 
		Nam gravida rhoncus velit. In magna. Nulla semper tristique elit. Aenean euismod. Maecenas nunc sapien, 
		nonummy vel, nonummy in, ultrices tristique, odio.		</p>
		<p>
		Phasellus bibendum. Cras accumsan massa venenatis lectus bibendum elementum. Nulla id justo. 
		Nunc ante nisl, rhoncus vel, ultrices at, consequat ut, nunc. Vestibulum dolor. Aenean elementum 
		malesuada elit. Mauris turpis. Morbi vel nulla. Fusce sit amet quam. Etiam vel diam. 
		Praesent tortor. Nulla nisi arcu, nonummy at, dignissim at, elementum ut, leo. 
		Nunc odio nibh, cursus vitae, ultricies et, blandit et, leo.</p>
		
		<h2>Totally accessible content scroller</h2>
		
		<p>
		Nulla velit velit, vehicula sit amet, tincidunt non, nonummy semper, massa. Cras accumsan. Nulla 
		faucibus lorem ut metus. Nulla felis lectus, tristique a, dapibus ut, pharetra a, nunc. Ut egestas. 
		Sed posuere rhoncus turpis. Vivamus posuere, augue ac viverra blandit, metus dolor malesuada neque, 
		eget elementum ipsum pede at pede. Vivamus elit metus, vehicula eget, consequat in, sodales nec, 
		diam. Vestibulum eu mauris. Sed sodales mi eu augue. Mauris sagittis hendrerit ipsum. Pellentesque sodales. 
		Duis ligula turpis, commodo nec, adipiscing eu, pretium id, eros. Maecenas tellus nisi, dapibus 
		lobortis, suscipit eget, consequat vitae, eros. Nunc cursus fringilla nisi. Morbi pharetra, 
		ipsum vel imperdiet elementum, sapien augue adipiscing magna, vitae tempus sapien sapien sit 
		amet magna. Fusce diam tortor, fermentum non, sollicitudin id, feugiat ac, felis. Maecenas 
		accumsan velit at risus. Proin in augue ut lacus auctor eleifend. Duis lectus.</p>		
	
	</div>
	
	</body>
	</html>
Un saludo y gracias!.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:51.