使用Javascript：

  document.body.scrollTop = document.documentElement.scrollTop = 0; 
 

使用jQuery：

  $（function（）{
 $（'body'）。scrollTop（0）; 
}）; 
 

I am creating my product pages by using the object tag code, but every time I click the "view" button, the next page is staying at the same position of previous page which I just viewed. How can I add functionality that will let me view from the top of page every time I click the "view" button?

<div id="container" class="clearfix"><!--! end of #sidebar -->
    <div class="holder"></div>
    <div id="content" class="defaults"><!-- navigation holder -->
        <div id="title2">Office Section</div>

        <!-- item container -->
        <ul id="itemContainer">
            <li>
                <div id="product">
                    <div id="title">FuBang®</div>
                    <div class="imageOuter" style="margin:0">
                        <a class="image" href="officesection010.html">
                            <span class="rollover" ></span>
                            <img class="imgborder" src="product/officesection/010.jpg" width="165" height="165" />
                        </a>
                    </div><br />
                    <div id="text">Sofa </div><br />
                    <div id="button">
                        <a href="officesection010.html">View Details</a>
                    </div>
                </div>
            </li>
        </ul>
        <br />
        <div id="title2"></div>
        <div class="holder"></div>
    </div>
    </div> <!--! end of #content -->
</div> <!--! end of #container -->

When I click the "View Details" button at a specific position "x" here: http://postimg.org/image/vgs0lwhtr/

The next page shows the same position "x", but I want it to jump to the top of page: http://postimg.org/image/vn80e2lph/

Using Javascript:

document.body.scrollTop = document.documentElement.scrollTop = 0;

Using jQuery:

$(function() {
   $('body').scrollTop(0);
});