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

转载 2006年06月11日 18:28:00

平时我们进行页面提交时,会发现重新显示的页面的滚动条依然是上一次提交前的位置,那怎么实现这样的效果呢,其实我们只要借助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

移动端iscroll局部滑动效果的实现及遇到的问题

移动端局部滑动效果的实现采用的是iscroll插件 ,大家可以看看https://github.com/Slovty/iscroll   ,里面有demo ,下载下来自己研究研究就差不多了,接下来讲讲...
  • SCT_T
  • SCT_T
  • 2017年03月31日 21:46
  • 3430

页面向下滚动时导航顶部吸附效果

页面向下滚动时导航顶部吸附效果,这是无论在Web端还是移动端都有一种效果。 页面顶部是宣传图片,图片下方是导航菜单,当浏览器窗口滚动条向下拉动或鼠标滚轮向下滚动时(移动端为手指向上滑动屏幕),一...
  • SDDDLLL
  • SDDDLLL
  • 2016年11月21日 10:15
  • 2861

解决Web移动端Fixed布局的方案(防止页面露底、overflow-scrolling、iOS下的 Fixed + Input BUG现象、isScroll.js)

一些细节处理 在细节处理上,其实还有很多要注意的,挑几个实际遇到比较大的问题来说一下: 有时候输入框 focus 以后,会出现软键盘遮挡输入框的情况,这时候可以尝试 input 元素的 s...
  • wangpf1992
  • wangpf1992
  • 2016年11月08日 09:19
  • 6315

解决页面滚动条出现和消失的过程页面会横向移动的问题

平时我们看一些网页刚开始加载的时候没有多少内容,页面也没有出现纵向滚动条,当我们点击加载更多,页面内容高度超过一屏于是出现滚动条,这个时候,页面会向左横向移动一段距离,正好是滚动条的宽度,这是因为滚动...
  • zifeiyu130
  • zifeiyu130
  • 2018年01月10日 18:55
  • 39

基于mfc的对话框编程中,实现控件随对话框大小自动缩放以及通过滚动条实现控件移动功能

1.在OnInitDialog中加入初始化垂直和水平滚动条的属性:     SCROLLINFO vinfo;     vinfo.cbSize = sizeof(vinfo);     v...
  • jiayinhaoran
  • jiayinhaoran
  • 2016年06月19日 17:23
  • 425

jquery 实现滚动条至页面底端自动加载数据效果

无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术,它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的结果,改变了一直以来只能通过点击下一页来翻页这种常规做法。 无限滚动...
  • yaov_yy
  • yaov_yy
  • 2013年11月19日 14:13
  • 2148

如何解决滚动条使页面跳动的问题

这是很久之前遇到的问题,今天用自己的话重新总结一下,加深自己的印象,大家可以看我的理解,也可以看原博文这个问题出现在滚动条时有时无,而且左右margin使用了auto的情况下。当没有滚动条时,页面总的...
  • weixin_38323736
  • weixin_38323736
  • 2017年11月29日 13:36
  • 73

js实现的简单的Html页面加载滚动条

  • 2010年05月13日 23:30
  • 1KB
  • 下载

js实现网页中常见的随滚动条移动的悬浮广告栏做法

  • 2014年04月13日 23:47
  • 22KB
  • 下载

js 实现层随滚动条移动效果

随滚动条移动的层 - 51windows.Net .div{  position: absolute;  border: 2px solid red;  backgro...
  • mengyulove
  • mengyulove
  • 2012年03月27日 15:19
  • 2433
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:实现提交页面后滚动条自动移动问题
举报原因:
原因补充:

(最多只允许输入30个字)