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）