Scroll to top area in div

I have a div that has CSS as following,

&开发者_StackOverflow中文版lt;div style="overflow-y:scroll; height:100px;"> long Text....</div>

The issue is long text is shown and vertical scroll bars shown but when browsing the page div is scrolled to bottom and end of the of the long text is shown instead from beginning portion of long text.

Any way to fix this ?

Thanks

Do something like this :

<div style="overflow-y:scroll; height:100px;"> 
  <div style=" height:500px;">
     long Text.... 
  </div>
</div>