Javascript:在 div 上执行的 scrollBy 函数

Question

我有一个带有 overflow: scroll; 的 div，我想放一个按钮。当您按下它时，div 的内容会滚动。

类似于:

function scrollDiv() {
  document.getElementById("d").scrollBy(100, 100);
}

<div id="d">
  <p>Click the button to scroll by 100px.</p>
  <button onclick="scrollDiv()">Click me to scroll!</button>
</div>

这在 FF 中有效，但在 Chrome 中无效。在 Chrome 中我得到

Uncaught TypeError: undefined is not a function

scrollBy 函数似乎被定义为 window 函数，所以我猜这就是问题所在，它在 FF 中工作而不是标准。

但是还有其他方法吗？我没有使用 jQuery，我宁愿不用。

Answer 1

你可以试试这个:

function scrollDiv(){
    document.getElementById("d").scrollTop += 100;
    document.getElementById("d").scrollLeft += 100;
}