Comment faire défiler vers un élément à l'intérieur d'un div ?

Question

J'ai un défilement div et je veux avoir un événement quand je clique dessus, il forcera ce div faire défiler pour voir un élément à l'intérieur. J'ai écrit son JavasSript comme ceci :

document.getElementById(chr).scrollIntoView(true);

mais cela fait défiler toute la page tout en faisant défiler le div lui-même. Comment arranger ça ?

Je veux le dire comme ceci : MyContainerDiv.getElementById(chr).scrollIntoView(true);

Answer 1

Vous devez trouver la position de l'élément dans le DIV vers lequel vous voulez faire défiler, et définir la propriété scrollTop.

divElem.scrollTop = 0;

Mise à jour :

Exemple de code à déplacer vers le haut ou vers le bas

  function move_up() {
    document.getElementById('divElem').scrollTop += 10;
  }

  function move_down() {
    document.getElementById('divElem').scrollTop -= 10;
  }