scrollbottom - Javascript: función scrollBy ejecutada en un div

scrollbottom javascript

Question

Tengo un div con overflow: scroll; Y me gustaría poner un botón. Cuando lo presiona, el contenido del div desplaza.

Algo como:

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>

Esto funciona en FF, pero no en Chrome. En Chrome consigo

Unkeught TypeError: undefined no es una función

La función scrollBy parece estar definida como función de window , así que supongo que este es el problema, y ​​está funcionando en FF no de manera estándar.

¿Pero hay otra manera de hacer eso? No estoy usando jQuery, y preferiría no hacerlo.

Answer 1

Puedes intentar esto:

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