实现提交页面后滚动条自动移动问题

平时我们进行页面提交时,会发现重新显示的页面的滚动条依然是上一次提交前的位置,那怎么实现这样的效果呢,其实我们只要借助javascript和服务器控件就可以简单达到这样的效果。
注:虽然把SmartNavigation=True可以实现,但是总是导致了其他的错误,所以不提倡使用
添加一个服务器端运行的hidden控件,假设名字为txtScrollTop
<html>
    <head>
        ......
        <script language="javascript">
         // 在提交表单时,自动的把坐标存放在一个服务器控件里
         function saveTop(){
             Form1.txtScrollTop.value = document.body.scrollTop;
         }
        </script>
    </head>
   <!--当进行滚动条移动时,自动调用saveTop()脚本-->
    <body οnscrοll="saveTop();">
        ......     
        <script language="javascript">
            // 页面加载后,自动的把上次的坐标给当前页的滚动条
            document.body.scrollTop=Form1.txtScrollTop.value;
        </script>
    </body>
</html>
大家可以根据这个思想改进一下,把它做个基类,以后哪个页面要用,继承一下即可

http://cj.cnblogs.com/archive/2006/05/08/393677.aspx

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值