关闭

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

885人阅读 评论(0) 收藏 举报

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

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:2284051次
    • 积分:26098
    • 等级:
    • 排名:第228名
    • 原创:1篇
    • 转载:1662篇
    • 译文:0篇
    • 评论:98条
    最新评论