如何在溢出的div上设置x和y滚动位置：滚动？

Question

如果我有以下标记： -

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

我如何（最有可能使用JavaScript）设置该滚动的x和y位置？

Answer 1

您可以使用scrollLeft和scrollTop属性。例如：

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

或者您可以使用jquery方法使其更容易和动画。

Answer 2

您可以使用jQuery scrollLeft（）和scrollTop（）方法。

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

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