Scroll to Top Position of DIV using JavaScript

Most of the JavaScript developers wonder why "Anchor List" not work in DIV's, it works fine in Mozilla Firefox but not in Internet Explorer.

When I was working on one of my personal projects, at one instance I need to implement the "Anchor List" functionality in DIV's, I have added "Anchor List" and placed the same in a DIV and that DIV has got constant height, if content is more than 400px then it will display a vertical scroll bar towards DIV's right. When user clicks on the Anchor List it used move to the desired list and this works fine in Mozilla but not in Internet Explorer. I have tried couple of scenarios and find out one solution which works fine in both the browsers that is Mozilla and Internet Explorer.

<script language="javascript">

function scrollToTop()

{

//document.getElementById("content").scrollTop = strPos; //Enter your desired Position

document.getElementById("content").scrollTop = 0; //It scrolls to top

}

</script>

<a href="javascript:void(0)" onclick="scrollToTop()">Scroll To Top </a>

Download the Example from here: ScrollPosition of DIV