Comunidad de diseño web y desarrollo en internet online

Cómo hacer que en HTML o CSS un botón mueva el scroll de página

Citar            
MensajeEscrito el 19 Dic 2012 09:59 am
Hola a tod@s!!

Estoy migrando de Flash a HTML y CSS y todavía soy muy novata en esto, aunque el Adobe Edge Animate me ha devuelto las ganas de vivir :-)

Me gustaría saber cómo se programa un botón para navegar por la escena principal en vertical. Algo como lo que ocurre en esta web: http://www.cymetriq.hu/

Si pudieran explicármelo más o menos, o remitirme a algún tutorial o post donde se explique esta propiedad, se lo agradecería muchísimo.

Un saludo y gracias de antemano!

Por zapiram

38 de clabLevel



Genero:Femenino  

firefox
Citar            
MensajeEscrito el 19 Dic 2012 12:21 pm
Eso esta hecho con parallax y smoothscroll

Por SinSemilla

Claber

336 de clabLevel



Genero:Masculino  

i am that i am...

firefox
Citar            
MensajeEscrito el 19 Dic 2012 12:38 pm
Gracias por tu respuesta SinSemilla!

Veo que Parallax sirve para añadir propiedades 3D a los elementos, y Smoothscroll para que el scroll se desplace con un easing.

Pero me interesaría saber cómo programar la propiedad o función que hace a un botón ir a un punto concreto del scroll, o más bien cómo un botón hace que el scroll se desplace hasta que un elemento de la escena queda alineado en la parte superior del área visible del navegador.

Creo que estas herramientas que me dices no hacen exactamente eso (corríjanme si me equivoco por favor!).

Un saludo y gracias!

Por zapiram

38 de clabLevel



Genero:Femenino  

firefox
Citar            
MensajeEscrito el 19 Dic 2012 12:45 pm
Smoothscroll hace eso que necesitas...

Sino javascript a mano nomas...

Saludos!

Por SinSemilla

Claber

336 de clabLevel



Genero:Masculino  

i am that i am...

firefox
Citar            
MensajeEscrito el 19 Dic 2012 12:49 pm
Ahmmm... Ok, lo investigaré mejor.

Muchas gracias!

Por zapiram

38 de clabLevel



Genero:Femenino  

firefox
Citar            
MensajeEscrito el 19 Dic 2012 04:32 pm

Por HtrMancera

Claber

342 de clabLevel

1 tutorial

Genero:Masculino  

Front-end Developer

chrome
Citar            
MensajeEscrito el 19 Dic 2012 05:55 pm
Lo que zapiram pregunta no requiere ni JQuery ni JavaScript. Es simplemente hacer que un tag <a> apunte a un elemento según si atributo "id".

Código HTML :

<a href="#zapiram">Ir al elemento con id igual a zapiram</a>


Y en el código HTML debe haber un elemento HTML con el id igual a "zapiram".

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 19 Dic 2012 06:16 pm
Gracias HtrMancera y DriverOp, sus respuestas me van a ser muy útiles!!

Por zapiram

38 de clabLevel



Genero:Femenino  

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.