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

【问题标题】：jquery: how to scroll a div by n pixelsjquery：如何将 div 滚动 n 个像素
【发布时间】：2017-05-11 18:03:20
【问题描述】：

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

到目前为止我尝试过

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

【问题讨论】：

【解决方案1】：

来自 scrollTop 的 jQuery 文档：

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

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

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

【讨论】：

【解决方案2】：

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

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

querySelector documentation, 滚动顶部documentation

【讨论】：

【解决方案3】：

以下代码可能会有所帮助，您可能会看到this link 。并且您可以从窗口属性中获取像素值。谢谢。

var d = $('#div1');
d.scrollTop(d.prop("scrollHeight"));

【讨论】：