页面刷新后滚动条重新定位

有些时候页面超出屏幕高度,又不方便使用AJAX局部刷新时,,往往回传页面后滚动条会定位到最上面,操作不方便,以下方式实现页面回传后回到滚动条原告的偏移位置.
1.针对这个问题,asp.net的Page中有一个MaintainScrollPositionOnPostBack属性,如果在回发后应保持页滚动位置,则为 true;否则为 false。默认值为 false。 但是这是针对页面的滚动条,如果是DIV的滚动条则无效了.
2.DIV滚动条,可以仿MaintainScrollPositionOnPostBack方式,首先放置两个隐藏控件分别保存DIV滚动条的横向和纵向的偏移值,如:<asp:HiddenField ID="hidScrollX" runat="server" /><asp:HiddenField ID="hidScrollY" runat="server" />,
再使用JS保存提取值,这里使用了Jquery,
           //为DIV滚动条添加事件
            jQuery().ready(function() {
            jQuery(".div20").scrollTop(jQuery("#<%= hidScrollY.ClientID %>").val());
            jQuery(".div20").scroll(function() {
                    jQuery("#<%= hidScrollY.ClientID %>").val(jQuery(this).scrollTop());
                });
            });

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值