web-dev-qa-db-fra.com

jQuery animate scroll

Je ne sais pas comment appeler l'effet, mais quelqu'un peut-il m'indiquer 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 vers le haut de la page en cliquant sur la souris. Un extrait de code, de préférence jQuery, peut vous aider, s’il n’existe pas de bibliothèque d’effets spécialisée.

Je ne sais pas si j'ai besoin de commencer un autre sujet, mais quelqu'un peut-il m'aider avec un petit extrait de code jQuery pour obtenir l'effet complet de l'interface utilisateur Makr?

jqueryuser-interfacescrolleffects
67
Marvzz

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/

203
Mathieu

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

5
Ram Patra

Je viens d'utiliser:

$('body').animate({ 'scrollTop': '-=-'+<yourValueScroll>+'px' }, 2000);
1
Ngô Đức Tuấn
var page_url = windws.location.href;
var page_id = page_url.substring(page_url.lastIndexOf("#") + 1);
if (page_id == "") {
    $("html, body").animate({
        scrollTop: $("#scroll-" + page_id).offset().top
    }, 2000)
} else if (page_id == "") {
    $("html, body").animate({
        scrollTop: $("#scroll-" + page_id).offset().top
    }, 2000)
}

});

1
Ragnarök

Il y a 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épart AnimatedScroll.js .

0
Eugene Tiurin