如何在溢出的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

您可以使用scrollLeft和scrollTop属性.例如:

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

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

Answer 2

您可以使用jQuery scrollLeft()和scrollTop()方法.

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