color - jquery toggle effects

jQuery desplazamiento animado

Question

No estoy seguro de cómo llamar el efecto, pero ¿alguien puede indicarme en una biblioteca que me ayudaría a hacer el mismo efecto que este sitio web?

http://www.makr.com

Básicamente, sube la fila hacia la parte superior de la página con un clic del mouse. Un fragmento de código, preferiblemente jQuery, puede ayudar si no existe una biblioteca de efectos especializados para este.

No estoy seguro de si necesito comenzar otro tema, pero ¿alguien me puede ayudar con un pequeño fragmento de jQuery para lograr el efecto total de la interfaz de usuario de Makr?

Answer 1

Hay un plugin jquery para esto. Desplaza el documento a un elemento específico para que quede perfectamente en el medio de la ventana gráfica. También es compatible con animaciones de animación para que el efecto de desplazamiento se vea súper suave. Mira AnimatedScroll.js .

Answer 2

Puede animar el scrolltop de la página con jQuery.

$(''html, body'').animate({
    scrollTop: $(".middle").offset().top
 }, 2000);

Vea este sitio: http://papermashup.com/jquery-page-scrolling/

Answer 3

Solo uso:

$(''body'').animate({ ''scrollTop'': ''-=-''+<yourValueScroll>+''px'' }, 2000);

Answer 4

También puedes probar un plugin jquery simple ( AnimateScroll ) desarrollado por mí, que fue muy apreciado por muchos.