javascript - 用scrollBy只滚动div

我有一个脚本，可在单击按钮时滚动窗口。工作正常，但如何将其仅分配给目标div？我的意思是只滚动特定的div。
我尝试放入getElementById，但未成功。

甚至可以用scrollBy做到这一点吗？

<button onmousedown="skrull();" onmouseup="stop();" style="position:fixed;">Click to scroll <3</button>

<p>Some text and line breaks to enable scrolling!</p>

<script>
var skrullInterval;
function scrollWin() {
    window.scrollBy(0, 100);
}
skrull = function skree() {skrullInterval = setInterval(scrollWin, 100);}
function stop() {
    clearInterval(skrullInterval);
}
</script>

最佳答案

scrollBy()和scroll()仅为窗口对象定义。如果要滚动元素，则应将scrollTop设置为所需的偏移量(绝对值，与scrollBy()所采用的不同；将负值静默转换为0)。

element.scrollTop = 50;

从MDN:



使用scrollLeft也可以水平滚动。但是，如果必须处理从右到左的方向，请记住以下几点: