js 刷新页面后保持页面原来的位置

最新推荐文章于 2021-10-06 17:23:28 发布

开心就是最好

最新推荐文章于 2021-10-06 17:23:28 发布

阅读量1.5w

点赞数 1

分类专栏： JS 文章标签： js

本文链接：https://blog.csdn.net/u010678947/article/details/40156159

版权

JS 专栏收录该内容

52 篇文章 1 订阅

订阅专栏

使用js方法：

1.window.scrollTo(x, y); 页面左滚动x，向下滚动y；

2.document.documentElement.scrollTop : 或缺页面滚动的高度。

eg:

js:

    <script src="../../Js/jquery/jquery-1.5.2.min.js" type="text/javascript"></script> 
    <script type="text/javascript">
        $(function () { 
            window.scrollTo(0, $("#hdnvalue").val());

            $("#rdoBusinessDriver,#rdoDangerPrac,#ddlPracTypeSmallCatelog").click(function () {
                $("#hdnvalue").val(document.documentElement.scrollTop); 
            });
        });
    </script>

html:

<asp:RadioButton ID="rdoBusinessDriver" runat="server" GroupName="1" Text="驾驶员" Checked="true"/>
<asp:RadioButton ID="rdoDangerPrac" runat="server" GroupName="1" Text="从业人员"/>
<asp:DropDownList ID="ddlPracTypeSmallCatelog" runat="server" Width="190px" ></asp:DropDownList>

<input type="hidden" id="hdnvalue" runat="server" value="0" />//存放scorllTop值