jQuery动画滚动

我不确定如何调用效果，但是有人可以将我指向可以帮助我达到与该网站相同效果的库吗？

http://www.makr.com

基本上，只要单击鼠标，它就会将行向上移动到页面顶部。如果没有专门的效果库，则最好使用jQuery的代码段来提供帮助。

我不确定是否需要开始其他话题，但是有人可以用一个小的jQuery代码段帮助我实现Makr UI的全部效果吗？

您可以使用jQuery来动画化页面的滚动顶部。

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

看到这个网站：http : //papermashup.com/jquery-page-scrolling/

您可以给这个简单的jQuery插件（AnimateScroll）旋转一下。它很容易使用。

1.滚动到页面顶部：

$('body').animatescroll();

2.滚动到ID为的元素section-1：

$('#section-1').animatescroll({easing:'easeInOutBack'});

免责声明：我是该插件的作者。

我只用：

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

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)
}

}）;

有一个jQuery插件。它将文档滚动到特定元素，以使其完美地位于视口中间。它还支持动画缓动，以便滚动效果看起来超级流畅。查看AnimatedScroll.js。