jQuery animate scroll

Question

Je ne sais pas comment appeler l'effet, mais quelqu'un peut me pointer dans une bibliothèque qui pourrait m'aider à faire le même effet que ce site web?

http://www.makr.com

Fondamentalement, il se déplace jusqu'à la ligne vers le haut de la page sur le clic de la souris. Un extrait de code, de préférence, jQuery, peut aider, si ce n'est pas spécialisée effet de la bibliothèque.

Je ne sais pas si j'ai besoin de lancer un autre sujet, mais quelqu'un peut-il m'aider avec un petit jQuery extrait pour atteindre l'effet d'ensemble de la Makr l'INTERFACE utilisateur?

Answer 1

Vous pouvez animer le scrolltop de la page avec jQuery.

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

Voir ce site: http://papermashup.com/jquery-page-scrolling/

Answer 2

Vous pouvez également essayer un simple plugin jquery ( AnimateScroll ) développé par moi et qui a été très apprécié par beaucoup!

Answer 3

Il existe un plugin jquery pour cela. Il fait défiler le document vers un élément spécifique, de sorte qu'il se trouve parfaitement au centre de la fenêtre. Il prend également en charge les animations facilitant l’effet de défilement. Découvrez AnimatedScroll.js .