jQuery动画滚动

我不知道该怎么称呼这个效果，但是有人能给我指一个图书馆，帮助我做和这个网站一样的效果吗

基本上，它会在鼠标单击时将行上移到页面顶部。如果没有专门的效果库，那么代码片段（最好是jQuery）可以帮助实现这一点

---

我不确定是否需要开始另一个主题，但有谁能帮我编写一个小jQuery片段来实现Makr UI的整体效果吗？

您可以使用jQuery设置页面滚动顶部的动画

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

请参阅本网站：

---

有一个jquery插件用于此。它将文档滚动到一个特定的元素，以便它完全在视口中间。它还支持动画效果，使滚动效果看起来超级平滑。查看。

您可以尝试一下这个简单的jQuery插件（）。它很容易使用

1。滚动至页面顶部：

$('body').animatescroll();

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

2。滚动到ID为的元素

第1节

：

$('body').animatescroll();

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

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

我只使用：

$（'body'）.animate（{'scrollTop'：'-=-'+'px'}，2000）
}))
 我不确定我是否需要开始另一个主题，但是有人能帮我用一个小jQuery片段来实现Makr UI的整体效果吗？我给了你一些好的开始。当你点击一个项目时，获得该项目的偏移量，然后用jQuery animate滚动到偏移量。是的，我得到了它们，我可以向上滚动它们，但是我在slideDown动画的下一部分遇到了问题。我无法像Makr那样完成计时。您可以始终使用延迟函数：.delay（1000）将函数延迟1秒。或者在我只需要使用的完整功能中设置slideDown

对firefox、chrome和ie都有效。是否有将动画附加到

html

DOM对象的特定情况？“$（“.middle”）.offset（）.top”部分用于获取该对象的偏移量（类、id等），以便页面知道滚动到什么高度。如果您想滚动到位于页面中间的某个div，这是很有用的。

$（'html，body'）

是为了ie8兼容性。$（'html，body'）也是为了Safari。jQuery如何实现平滑滚动？我会避免使用这样的插件，因为真正的答案是本机支持的<代码>$（'html，body'）。动画（{scrollTop:x}，t）非常正确，不需要在页面的网络选项卡中添加一个不必要的插件。你完全正确，除了这个插件能够滚动到任何文档元素，以便它正好在窗口视窗的中间。问题是，没有插件就仍然很容易。只需滚动到

（$e.offset（）.top+（$e.height（）/2））-（$（window.height（）/2）

，或者在英语中滚动到

“elementCenter减去halfViewportHeight”

。是吗？是的，只要你不介意每次需要滚动到特定的element@EugeneTiurin你可以创建一个自定义函数，将元素作为参数。你能解释一下你想用“-=-”做什么吗？你是想键入数字还是什么？@user151496在当前开始的段落“动画属性也可以是相对的”下查看jQuery的文档。就像在JS中一样，你可以说

myVar+=10

在现有值上加上10，这个代码段基本上使用jQuery的自定义解析来实现类似的目标：

scrollTop-=-yourScrollValue

。我不能确定为什么这里的OP选择了这个选项，而不是一个更简单的

{scrollTop:'+='+value}

@user151496第一个'-'是递减值，第二个'-'如果满足负值，则变为正值和相反。：）我知道-=和-做什么。我只是不知道他为什么不使用+=来代替：S@user151496如果使用+=可能在情况下，滚动向下，而不是向上，他想要的。：）不鼓励只使用代码的答案。请添加一个简单的解释。