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）