解决页面刷新后滚动条回滚的问题。

柔光的暖阳◎ 2022-08-06 09:26 214阅读 0赞

1.在页面中新增一个方法  
private void KeepScrollPosition(Control p)  
\{  
HiddenField oScrollPosX = new HiddenField();  
HiddenField oScrollPosY = new HiddenField();  
oScrollPosX.ID = p.ClientID + "X";  
oScrollPosY.ID = p.ClientID + "Y";  
this.Form.Controls.Add(oScrollPosX);  
this.Form.Controls.Add(oScrollPosY);

string sScript = "window.document.getElementById('" + oScrollPosX.ClientID + "').value =" +  
"window.document.getElementById('" + p.ClientID + "').scrollLeft;";  
sScript = sScript + "window.document.getElementById('" + oScrollPosY.ClientID + "').value = " +  
"window.document.getElementById('" + p.ClientID + "').scrollTop;";  
this.ClientScript.RegisterOnSubmitStatement(this.GetType(), "", sScript);

if (IsPostBack)  
\{  
oScrollPosX.Value = this.Request.Form\[oScrollPosX.ClientID\];  
oScrollPosY.Value = this.Request.Form\[oScrollPosY.ClientID\];

sScript = "window.document.getElementById('" + p.ClientID + "').scrollLeft = " + oScrollPosX.Value + ";" +  
"window.document.getElementById('" + p.ClientID + "').scrollTop = " + oScrollPosY.Value + ";";

this.ClientScript.RegisterStartupScript(this.GetType(), "", sScript, true);  
\}  
\}

2.在页面中设置需要设置滚动条的控件放在一个div或Panel中。  
示例如下：  
<div runat="server" id="sp" style="width: 100%; height: 450px; overflow:auto">  
//这里是DataGrid...  
</div>

3.在页面中调用基类中的KeepScrollPosition方法  
protected override void Page\_Load(object sender, EventArgs e)  
\{  
base.Page\_Load(sender, e);  
//调用  
KeepScrollPosition(this.sp);  
//其他代码...

\}

发表评论取消回复

表情：

评论列表（有 0 条评论，214人围观）

还没有评论，来说两句吧...

相关阅读

相关 el-tree 解决横向滚动条和纵向滚动条问题

如题，在el-tree所处的代码块中，加入滚动条，使其能够滚动使用overflow:scroll 即可 overflow定义:设定如果内容溢出元素设定范围后该怎么做.

蔚落/ 2023年01月15日 09:26/ 0 赞/ 621 阅读

相关去除页面滚动条

去掉水平滚动条： <body style="overflow-x: hidden"> 去掉竖直滚动条： <body style="overflow-y: hidde

小咪咪/ 2023年01月07日 01:25/ 0 赞/ 120 阅读

相关页面刷新后滚动条部分默认滚动到指定位置

列表页面进入详情页面，在列表页点击靠后的图片，进入详情页之后左侧有个列表滚动区域，在该区域让该图片默认指定。接口异步返回后，数据处理完成后，设置一个setTimeout（）

╰半橙微兮°/ 2022年11月28日 13:20/ 0 赞/ 252 阅读

相关 ios跳转页面回退不刷新问题&&解决方案

文章目录问题分析解决方案新问题尝试的其他解决方案 onpageshow 优化1 优化2 问题

梦里梦外;/ 2022年10月07日 00:53/ 0 赞/ 312 阅读

相关解决ios微信页面回退不刷新的问题

解决ios微信页面回退不刷新的问题参考文章： [（1）解决ios微信页面回退不刷新的问题][1_ios] （2）https://www.cnblogs.com/liuz

╰+哭是因爲堅強的太久メ/ 2022年09月10日 12:25/ 0 赞/ 624 阅读

相关 JS刷新后回到页面顶部

window.location.href = location.href; 方法一： $(window).scrollTop(0); 方法二：$(‘html ,body’)

一时失言乱红尘/ 2022年09月07日 09:30/ 0 赞/ 188 阅读

相关解决页面刷新后滚动条回滚的问题。

1.在页面中新增一个方法 private void KeepScrollPosition(Control p) \{ HiddenField oScrollPosX

柔光的暖阳◎/ 2022年08月06日 09:26/ 0 赞/ 215 阅读

相关 jquery如何判断滚动条滚到页面底部并执行事件

转载自：[http://www.diycms.com/edu/jquery/117.html][http_www.diycms.com_edu_jquery_117.html]

冷不防/ 2022年05月23日 06:34/ 0 赞/ 232 阅读

相关 css解决滚动条出现造成页面晃动的问题

窗体默认是没有滚动条的，而HTML的内容是自上而下加载，就会发生一开始没有滚动条，后来突然出现滚动条，此时页面的可用宽度发生变化，水平方向的内容会发生晃动，尤其是水平居中显示的

今天药忘吃喽~/ 2022年05月14日 08:26/ 0 赞/ 573 阅读

相关 VUE项目（单页面）问题之：浏览器刷新，滚动条在顶部

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

小鱼儿/ 2021年09月17日 03:46/ 0 赞/ 281 阅读