web developer tips (75):PostBack后保持滚动条的位置

最新推荐文章于 2021-06-05 04:35:48 发布
最新推荐文章于 2021-06-05 04:35:48 发布
阅读量592 收藏
点赞数
分类专栏： ASP.NET 文章标签： postback web application asp.net 编程
本文介绍如何在ASP.NET中通过设置MaintainScrollPositionOnPostback属性，在页面提交后回到用户先前查看的位置。提供了三种方法：在web.config中进行全局设置、在特定页面的aspx文件中配置及通过代码实现。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

原文地址：How to maintain scrollposition after post back? 默认情况下，web页面提交返回（post back）后会返回页面的底部。对于一内容很多的页面，你可能需要在页面在提交返回后，滚动条自动滚到用户最后定位的位置。 在Asp.net里，可以通过使用页面的MaintainScrollPositionOnPostBack 属性可以实现上述需求。可以用下面的方法之一: http://www.watch-life.net/life-thinking/maintain-scrollposition-after-post-back.html 1、应用级（Application level:）：设置这个属性默认对整个网站都起作用，打开web.config添加一个pages节点： 2、页面级（Page Level）：针对某个特定页面，打开aspx，设置属性：
关于HTML中的滚动条使用技巧分享
12-08
在ASP.NET中，如果希望在页面回发（Postback）后保持滚动条位置不变，可以在页面的`<form>`标签中添加`MaintainScrollPositionOnPostback="true"`属性。这样，当用户进行操作（如删除内容）后，页面滚动位置会保持...
页面回传后滚动条保持原位
08-20
搜到这个资源这能说是您的福音了，文档里面的代码非常的简单易用，文档主要解决的问题是 页面回传刷新后滚动条保持原位 用UpdatePanel的情况下滚动条保持原位 解决用UpdatePanel的一些不兼容问题
maintainScrollPositionOnPostBack不起作用，WebForm_SaveScrollPositionSubmit is not defined
闲看庭前花开花落
10-31 2965
asp.net的页面，滚动条位置nmh
CuteEditor使用MaintainScrollPositionOnPostBack无效
weixin_30709061的博客
11-30 181
我把CuteEditor去掉了，，， MaintainScrollPositionOnPostBack="True" 就有效了 转载于:https://www.cnblogs.com/shiningrise/archive/2009/11/30/1614187.html
蛙蛙推荐：ASP.NET MVC学习笔记
蛙蛙池塘
10-31 3582
ASP.NET MVC 1.0发布有段儿时间了，刚发布不久的时候试用了一下，做了一个简单的BBS，现在总结一些经验和小技巧和大家分享。网上关于ASP.NET MVC的系列教程有好几个，所以就不从头开始介绍了，结尾处给大家推荐了几个链接，需要的话可以从头系统的看看。 1、ASP.NET MVC介绍及与ASP.NET WebForm的区别 刚开始为了搞清楚ASP.NET MV
.刷新/回传后页面保持滚动条位置 asp.net / JS
kogu的博客
02-23 1958
1. MaintainScrollPositionOnPostBack 最好 页面属性 MaintainScrollPositionOnPostBack 有以下3种用法。 应用程序级 作用对象：网站的所有ASP.NET页面 方法：打开web.config，在节点下配置： 　　 页面级 作用对象：某一个页面 方法：打开页面的 aspx 文件，在顶部配置： 　　 代码级
用友U9自定义表单开发：Postback的应用与注意点
随后，详细分析了Postback机制的工作原理、状态管理以及触发和生命周期，为理解其在Web开发中的作用提供了理论基础。第三章深入讨论了Postback在自定义控件实现、表单验证以及异步更新UI中的具体应用实践。第四章...
AspNetPager分页控件使用教程：PostBack与URL分页
"AspNetPager是一个强大的ASP.NET分页控件，支持PostBack方式和Url方式实现分页，同时具备Url重写功能。它适用于多种数据绑定控件，如GridView、DataGrid、DataList、Repeater，甚至可以与自定义的数据绑定控件配合...
实现GridView第一列CheckBox全选功能：postBack与JS对比
在.NET Web Forms中，GridView控件是一个非常强大的工具，它可以用来展示数据库中的数据，同时提供对数据的操作接口，例如排序、分页、选择等。在这个场景中，我们要关注的是如何在GridView的每一行第一列上放置一个...
ASP.NET页面刷新,保持原始页面的位置的方法
lenoval的专栏
12-24 877
    设置 Page.MaintainScrollPositionOnPostBack 属性为true           当 MaintainScrollPositionOnPostback 属性设置为 true 时，用户将返回到该页的上一位置。          注意：此属性在 .NET Framework 2.0 版中是新增的。
How to maintain scrollposition after post back? (转)
weixin_34138521的博客
06-17 129
When web pages are posted back to the server, by default user is returned to the top of the page. On a large web page, you might have a requirement to scroll down the user automatically to the last po...
vb实现自动跳转html锚点,ASP.Net刷新页面后自动滚动到原来位置方法汇总
weixin_39769183的博客
06-05 330
在网上搜索之后总结了三种方式：1.设置Page中的MaintainScrollPositionOnPostback属性为trueA>.页面里有MaintainScrollPositionOnPostback，默认是false，设为true即可(页面级)ult" %>B>.设置web.config配置文件中的Pages节点中的MaintainScrollPositionOnPost...
关于MaintainScrollPositionOnPostBack 属性
程序与人生
07-16 878
<br />当页面提交时,由于ASP.NET 回传功能 页面重新加载 本来在中间或者是下边的光标又回到了上面 ,用户体验非常不好!怎样实现呢?<br />用<br />MaintainScrollPositionOnPostBack 属性<br />写法如下: /// <summary> /// 这是加载事件 /// </summary> /// <param name="sender"></param> /// <param name="e"></param>
部分手机页面刷新不起作用
s峰
01-03 1146
location.reload() 在手机端不起作用，可以换一下，用window.location.href 带个随机数 window.location.href = window.location.href+"&amp;rand="+Math.random()
解析 Page.MaintainScrollPositionOnPostBack 属性
weixin_33948416的博客
01-17 137
ASP.NET 的页面执行 PostBack 动作时，页面由伺服端重新传给客户端，而页面的垂直滚动条会跳回最上方，水平滚动条会跳回最左方。 为了解决此情形，只要将 Page 的MaintainScrollPositionOnPostBack 属性设为True 时，页面就会自动维护滚动条位置，它是如何实现这个动作的呢？ 当把 Page.MaintainScrollPositionOnPos...
页面刷新的时候滚动条默认置于底部
ljh243581579的博客
10-11 2367
如题：$('.chat-wrapper').scrollTop($('.chat-wrapper')[0].scrollHeight); //当页面加载时滚动条滚到最下面mCustomScrollbar是一个滚动条插件，使用前需要先初始化，下面是初始化的一种方式 $('.chat-wrapper').mCustomScrollbar(); $(document).ready(fun
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值