オーバーフローでdivのxおよびyスクロール位置を設定する方法：スクロール？

Question

次のマークアップがある場合：-

    .outerDiv {
      width: 500px;
      overflow: scroll;  
    }
    
    .innerDiv {
      width: 1000px;
    }

    <div class="outerDiv">
      <div class="innerDiv">
      </div>
    </div>

（おそらくJavaScriptを使用して）スクロールのx位置とy位置を設定するにはどうすればよいですか？

Answer 1

JQuery scrollLeft（）およびscrollTop（）メソッドを使用できます。

$('.outerDiv').scrollLeft(300);
$('.outerDiv').scrollTop(50);

例： https://jsfiddle.net/upwrrj70/

Answer 2

scrollLeftおよびscrollTopプロパティを使用できます。例：

document.getElementById("yourScrollElementId").scrollTop = 100

または、jqueryメソッドを使用して簡単にアニメーション化することもできます。