jQuery动画滚动

Question

我不确定如何调用效果,但是有人可以指引我进入一个可以帮助我做与本网站相同效果的库吗？

基本上,它会在鼠标单击时向上移动到页面顶部.如果没有这样的专用效果库,代码片段(最好是jQuery)可以提供帮助.

我不确定我是否需要开始另一个主题,但是任何人都可以帮助我使用一个小的jQuery片段来实现Makr UI的整体效果吗？

Answer 1

您可以使用jQuery为页面的scrolltop设置动画.

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

`$('html,body')`用于ie8兼容性. (15认同)
我只需要使用`#("body").animate(...);`它适用于firefox,chrome和ie.是否有一个特定的案例也将动画附加到`html` DOM对象？ (4认同)
'$(".middle").offset().top'-part是获取该对象的偏移量(class,id,...),因此页面知道要滚动到哪个高度.如果要滚动到位于页面中间的某个div,这可能很有用. (2认同)
$('html, body') 也适用于 safari (2认同)

Answer 2

你也可以试一下我开发的一个简单的jquery插件(AnimateScroll),很多人都很喜欢!