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 解决方案，这里就是。

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

querySelector文档、scrollTop文档