javascript - 如何在溢出 : scroll? 的 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 方法使其更容易和动画化。