如何在按钮单击时滚动回页面顶部？

Question

我正在使用对象标签代码创建我的产品页面,但每次单击"查看"按钮时,下一页都会停留在我刚看过的上一页的相同位置.如何在每次单击"查看"按钮时添加允许我从页面顶部查看的功能？

<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 -->

当我点击特定位置"x"处的"查看详细信息"按钮时: http //postimg.org/image/vgs0lwhtr/

下一页显示相同的位置"x",但我希望它跳到页面顶部:http: //postimg.org/image/vn80e2lph/

Answer 1

使用Javascript:

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

使用jQuery:

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