jquery：如何将div滚动n个像素

Question

使用jQuery，如何将div滚动N个像素？

到目前为止，我试过

$("div.foo").scrollTop(75);   //scroll down by 75 pixels

Answer 1

来自scrollTop的jQuery文档：

  

描述：获取滚动条的当前垂直位置   匹配元素集中的第一个元素或设置垂直元素   每个匹配元素的滚动条的位置。

您正在调用的函数的版本设置滚动条从元素顶部的垂直位置，而不是当前位置。因此，为了从当前位置向下滚动，首先必须检索当前位置。有几种方法可以做到这一点，但你可以这样做：

var $foo = $("div.foo");
$foo.scrollTop($foo.scrollTop() + 75); // scroll 75px down from current

Answer 2

如果您正在寻找像我一样的 Vanilla JavaScript解决方案，就在这里。

var selectedElement = document.querySelector('div.foo');
selectedElement.scrollTop = 75;

querySelector documentation， scrollTop documentation