您的位置：首页 > 编程技术 > ASP.NET  >  asp.net页面触发事件panel滚动条高度不变的实现方法

asp.net页面触发事件panel滚动条高度不变的实现方法

 更新时间：2021年9月22日 10:11  点击：1692

此文是为解决asp.net页面按钮点击触发事件后panel滚动条非自动回到顶端的解决方案，对于页面触发一个事件后，panel滚动条重新回到顶端，做下面的工作每次都要往下拉一下，特别是选择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;

[!--infotagslink--]

相关文章