js如何控制元素内的滚动条？

Question

有这样一个结构：

<div style="overflowY:scroll">
    <div id='div1'>1</div>
    <div id='div2'>2</div>
    <div id='div3'>3</div>
    <div id='div4'>4</div>
    <div id='div5'>5</div>
    <div id='div6'>6</div>
    <div id='div7'>7</div>
    ....
    <div id='div100'>100</div>
</div>

如何用js控制外部div的滚动条到指定的位置？比如，现在用js控制外部div的滚动条，让id=‘div50’的元素滚动到外部div视口的中央位置。
求大神解答，小弟感激不尽！！！（用原生js）

Answer 1

给你的 overflow-y:scroll 的 div 添加一个 class 如： .scroll-warp

(function($){
    $('div.scroll-warp').scrollTop = $('#div50').offsetTop;
})(document.querySelector.bind(document));

要滚动到中央自行根据高度计算 scrollTop