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

Question

如果我有以下标记：-

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

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

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

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/

Answer 3

一个工作示例：

 document.getElementById('mySection').scrollTop = 50

 section { border: 1px solid gray; overflow-y: scroll; max-height: 50px; }

 <section id="mySection"> <div>foo 1</div> <div>foo 2</div> <div>foo 3</div> <div>foo 4</div> <div>foo 5</div> <div>foo 6</div> <div>foo 7</div> <div>foo 8</div> <div>foo 9</div> </section>