让表单提交返回后保持在原来提交的位置上
来源:互联网 发布:83式自行榴弹炮的数据 编辑:程序博客网 时间:2024/04/30 17:25
有时候,在网页中点击了页面中的按钮或是刷新了页面后,页面滚动条又 会回到顶部,想看后面的记录就又要拖动滚动条,或者要按翻页键,非常不方便,想在提交页面或者在页面刷新的时候仍然保持滚动条的位置不变,最好的办法就是 在JS中用cookie记录下当前滚动条的位置,然后刷新时读取cookie就可以实现这个功能了。
代码如下:
然后在html页面中设置<body id=body onscroll=SetCookie("scroll",document.body.scrollTop); >就可以在刷新或提交后滚动条的位置保持不变了。
如果不好用,这里修改下:document.body.scrollTop修改为document.documentElement.scrollTop
当你用asp.net开发web页面时,你会发现,如果你设置了一个页面,如果里面含有多个Button,而且页面很长。
当你点击Button后PostBack时,页面总是显示在最上面,极其不方便。
但下面这段代码,写帮你解决这个问题。
document.body.scrollTop总是0的原因
最近写了一个拖动层的HTML页面, 需要获取滚动条当前的位置.
于是我使用document.body.scrolltop获取y方向滚动的位置...奇怪的事情出现了! 无论滚动条怎么滚动,document.body.scrolltop竟然一直都是0!
对比以前写的一个页面.发现区别很小. 旧页面却没有问题.这就怪了...
我开始一点一点的排除,去掉多于的代码. 直到我去掉文档最顶部的
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
页面此时才正常.
原来是这行东西造成IE无法获取document.body.scrolltop!
把顶部这两行删掉将可以了.但是为什么会这样呢?
google一下,发现改成:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
就可以了,但页面稍有变化,感觉不爽,于是又在google里找,终于解决:
document.body.scrollTop
要改成
document.documentElement.scrollTop
关于js中 document.body.scrollTop 不能返回正确值的原因
本来是为了通过document.body.scrollTop来获取浏览器垂直滚动条向下滚动的像素,但是不管滚动条在什么位置总是返回是0,造成这样的原因和html的头部声明有关,如果头部声明 为:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">,这样肯定得到的结果是 0,如果该为<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">就能得到正确的结果,对于第一种头部声明想要得滚动条的滚动的高度怎么办,解决方法有两种
1、var scrollPos;
2、用document.documentElement.scrollTop 替代 document.body.scrollTop
JS控制form表单提交的位置
代码如下:
然后在html页面中设置<body id=body onscroll=SetCookie("scroll",document.body.scrollTop); >就可以在刷新或提交后滚动条的位置保持不变了。
如果不好用,这里修改下:document.body.scrollTop修改为document.documentElement.scrollTop
当你用asp.net开发web页面时,你会发现,如果你设置了一个页面,如果里面含有多个Button,而且页面很长。
当你点击Button后PostBack时,页面总是显示在最上面,极其不方便。
但下面这段代码,写帮你解决这个问题。
document.body.scrollTop总是0的原因
最近写了一个拖动层的HTML页面, 需要获取滚动条当前的位置.
于是我使用document.body.scrolltop获取y方向滚动的位置...奇怪的事情出现了! 无论滚动条怎么滚动,document.body.scrolltop竟然一直都是0!
对比以前写的一个页面.发现区别很小. 旧页面却没有问题.这就怪了...
我开始一点一点的排除,去掉多于的代码. 直到我去掉文档最顶部的
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
页面此时才正常.
原来是这行东西造成IE无法获取document.body.scrolltop!
把顶部这两行删掉将可以了.但是为什么会这样呢?
google一下,发现改成:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
就可以了,但页面稍有变化,感觉不爽,于是又在google里找,终于解决:
document.body.scrollTop
要改成
document.documentElement.scrollTop
关于js中 document.body.scrollTop 不能返回正确值的原因
本来是为了通过document.body.scrollTop来获取浏览器垂直滚动条向下滚动的像素,但是不管滚动条在什么位置总是返回是0,造成这样的原因和html的头部声明有关,如果头部声明 为:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">,这样肯定得到的结果是 0,如果该为<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">就能得到正确的结果,对于第一种头部声明想要得滚动条的滚动的高度怎么办,解决方法有两种
1、var scrollPos;
2、用document.documentElement.scrollTop 替代 document.body.scrollTop
JS控制form表单提交的位置
0 0
- 让表单提交返回后保持在原来提交的位置上
- 【转载】[JS]让表单提交返回后保持在原来提交的位置上
- 网页提交后,当再次返回到提交页面后,页面停留在原来的位置
- 网页提交后,当再次返回到提交页面后,页面停留在原来的位置
- 保持页面中滚动条的位置,使得页面提交后滚动条还是在原来的位置
- 点击提交后滚动条还是在原来的位置
- 表单过期的处理(提交出错后返回,保存原来数据)
- 表单过期的处理(提交出错后返回,保存原来数据)
- Asp.net 在刷新或提交页面后保持滚动条的位置
- Asp.net 在刷新或提交页面后保持滚动条的位置
- [ASP.NET]如何在表单提交(form,submit)后保持select的选择值
- 页面滚动条 刷新后 保持在原来的位置
- 提交form表单如何让页面在提交后不发生跳转
- 让页面提交后再滚动到提交前的位置
- php表单,HTML表单提交后,返回,保留表单数据
- 提交窗体后滚动条位置保持不变
- jps页面提交后,如何保持表单值不被改变
- 提交页面后保持现在滚动条的位置(启用智能导航)
- WebCollector java爬虫使用笔记
- XSS跨站脚本攻击入门实例--DVWA
- android 实现qq登录
- Android之基于开源框架的多线程下载
- 使用WebServices调用网上的天气手机服务
- 让表单提交返回后保持在原来提交的位置上
- 让javascript加载速度倍增的方法(解决JS加载速度慢的问题)
- android Notification通知详解
- from weibo : 三大牛人看外国文献的办法
- ZOJ 1649 && HDU 1242 Rescue (BFS + 优先队列)
- UVA839 - Not so Mobile
- c++_primer_exercise_1728_1729_1730
- 把文件里面的数据批量替换成带有//的数据
- 关于bitmap加载图片产生OOM的一个解决方案