服务器之家

服务器之家 > 正文

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

时间:2019-12-10 13:01     来源/作者:whsnow

此文是为解决asp.net页面按钮点击触发事件后panel滚动条非自动回到顶端的解决方案,对于页面触发一个事件后,panel滚动条重新回到顶端,做下面的工作每次都要往下拉一下,特别是选择TreeView的时候,这个问题非常头疼,受到this.MaintainScrollPositionOnPostBack = true;的启示有感而发。

原理是在点击时保存panel滚动条的位置,页面触发事件完成后加载时重新赋值。保证页面每次点击都保存,就包含所有的按钮和别的点击事件。

步骤:

1.脚本

  1. <head runat="server">  
  2. <title>asp.net页面触发事件panel滚动条高度不变</title>  
  3. <link href="Css/style.css" type="text/css" rel="stylesheet" />  
  4. <script type="text/javascript">  
  5. function setPanelScroll()  
  6. {  
  7. document.getElementById('Hidden1').value = document.getElementById('Panel1').scrollTop;  
  8. }  
  9. </script>  
  10. </head> 

2.body

 

复制代码代码如下:

<body onclick="setPanelScroll()"> 


3.赋值

 

 

复制代码代码如下:

function ViewObj(){document.getElementById('Panel1').scrollTop = document.getElementById('Hidden1').value;}window.onload = ViewObj;
标签:

相关文章

热门资讯

玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分
玄元剑仙肉身有什么用 玄元剑仙肉身境界等级划分 2019-06-21
男生常说24816是什么意思?女生说13579是什么意思?
男生常说24816是什么意思?女生说13579是什么意思? 2019-09-17
配置IIS网站web服务器的安全策略配置解决方案
配置IIS网站web服务器的安全策略配置解决方案 2019-05-23
Nginx服务器究竟是怎么执行PHP项目
Nginx服务器究竟是怎么执行PHP项目 2019-05-24
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情
华为nova5pro和p30pro哪个好 华为nova5pro和华为p30pro对比详情 2019-06-22
返回顶部