如何将滚动位置设置为浏览器的顶部？

Question

在c#我正在使用菜单。当我点击下一个菜单时，浏览器滚动条正在上一个菜单滚动条位置。

<asp:Menu ID="menuTab" Width="168px" runat="server" RenderingMode="Table" Orientation="Horizontal" StaticEnableDefaultPopOutImage="False"
StaticMenuItemStyle-CssClass="tab" StaticSelectedStyle-CssClass="selectedTab"
CssClass="tabs">
<Items>
    <asp:MenuItem Text='Name'
        Value="0" Selected="true" />
    <asp:MenuItem Text='Details'
        Value="1" Selectable="false" />
</Items>

如果我点击第二个菜单详细信息页面滚动条放在页面底部。 我想将滚动条位置设置在顶部。

我在jquery代码下面尝试了这个。它无法正常工作

<script>
$(document).ready(function () {
    var tempScrollTop = $(window).scrollTop();

    alert(tempScrollTop)

    $(window).scrollTop(tempScrollTop);
    //$(window).scrollTop(0);
});

您可以看到此图片。滚动条位于页面底部。 如果我点击下一步按钮滚动条位置相同。

Answer 1

试试这个：

$(document).ready(function () {
    $('html, body').animate({scrollTop: '0px'}, 0);
});