平时我们进行页面提交时,会发现重新显示的页面的滚动条依然是上一次提交前的位置,那怎么实现这样的效果呢,其实我们只要借助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>
大家可以根据这个思想改进一下,把它做个基类,以后哪个页面要用,继承一下即可
实现提交页面后滚动条自动移动问题
最新推荐文章于 2021-10-30 09:51:46 发布