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

柔光的暖阳◎ 2022-08-06 09:26 236阅读 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 条评论，236人围观）

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

相关阅读

相关解决el-dialog弹框出现后页面滚动条可滚动问题

问题：el-dialog弹框出现后页面纵向滚动条可滚动问题实现效果：当弹框出现后，滚动条不可使用即不可纵向滚动发现问题：在开发中在body元素上添加overfl

素颜马尾好姑娘i/ 2023年02月13日 00:23/ 0 赞/ 38 阅读

相关解决vue elementUI 弹框Dialog 打开后滚条回到顶部

设置属性![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZ

た入场券/ 2023年01月20日 06:58/ 0 赞/ 20 阅读

相关去除页面滚动条

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

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

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

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

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

相关页面出现滚动条时晃动问题解决办法

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] https://aykevl.nl/2014/

爱被打了一巴掌/ 2022年10月02日 09:47/ 0 赞/ 31 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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