您的位置:首页 > Web前端 > JavaScript

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

2014-10-16 21:32 771 查看
使用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值
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: