asp.net页面触发事件panel滚动条高度不变的实现方
编程学习 2021-07-04 22:41www.dzhlxh.cn编程入门
asp.net页面按钮点击触发事件后panel滚动条非自动回到顶端,每次都要往下拉一下,关于这个问题的解决方法如下
此文是为解决asp.net页面按钮点击触发事件后panel滚动条非自动回到顶端的解决方案,对于页面触发一个事件后,panel滚动条重新回到顶端,做狼蚁网站SEO优化的工作每次都要往下拉一下,特别是选择TreeView的时候,这个问题非常头疼,受到this.MaintainScrollPositionOnPostBack = true;的启示有感而发。
原理是在点击时保存panel滚动条的位置,页面触发事件完成后加载时重新赋值。保证页面每次点击都保存,就包含所有的按钮和别的点击事件。
步骤:
1.脚本
<head runat="server"> <title>asp.net页面触发事件panel滚动条高度不变</title> <link href="Css/style.css" type="text/css" rel="stylesheet" /> <script type="text/javascript"> function setPanelScroll() { document.getElementById('Hidden1').value = document.getElementById('Panel1').scrollTop; } </script> </head>
2.body
代码如下:
<body onclick="setPanelScroll()">
3.赋值
代码如下:
function ViewObj(){document.getElementById('Panel1').scrollTop = document.getElementById('Hidden1').value;}window.onload = ViewObj;