Javascript:在div上执行的scrollBy函数

Question

我有一个div overflow: scroll;而且我想放一个按钮.当你按下它时,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中我得到了

未捕获的TypeError:undefined不是函数

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

但还有另一种方法吗？我不使用jQuery,我宁愿不.

Answer 1

你可以试试这个:

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