Ver Mensaje Individual
  #2 (permalink)  
Antiguo 10/06/2013, 09:05
Avatar de alberto510a
alberto510a
 
Fecha de Ingreso: abril-2013
Mensajes: 351
Antigüedad: 11 años, 10 meses
Puntos: 35
Respuesta: Efecto de movimiento dentro de la pagina

Hola, existen diversos métodos para lograr eso:

HTML -> Le pones una id a la etiqueta que está a la altura que quieres exactamente llegar, y creas un link en otra zona de la misma página que sea la misma dirección pero con #id_etiqueta añadido.

Javascript -> A un link le colocas esto:

Código HTML:
Ver original
  1. <a onclick="window.scrollTo(0,0);return false;">Scroll</a>

jQuery -> Puedes usar este código de jQuery para hacerlo despacio y no instantáneo:


Código Javascript:
Ver original
  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js" type="text/javascript"></script>
  2.  
  3. <script type="text/javascript">
  4. $(document).ready(function() {
  5.     $('#arriba').click(function(){ //Id del elemento cliqueable
  6.         $('html, body').animate({scrollTop:0}, 'slow');
  7.         return false;
  8.     });
  9. });
  10. </script>

El valor slow lo puedes disminuir por el tiempo que quieras en milisegundos y quitándole comillas.

Saludos!
__________________
No hay preguntas tontas, sino tontos que no preguntan.