刷新页面后保留滚动条位置

最新推荐文章于 2019-06-14 10:57:23 发布
最新推荐文章于 2019-06-14 10:57:23 发布
阅读量157 收藏
点赞数
文章标签： c#
本文介绍了一种在Internet Explorer浏览器中使页面滚动条位置在刷新后保持不变的方法。通过在页面属性中添加MaintainScrollPositionOnPostback=true，可以确保用户在刷新页面后滚动条位置不会自动回到顶部。

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

当页面高度超过一屏后IE自动会产生滚动条，当刷新页面后滚动条自动置顶，要使滚动条保留在原始位置，在
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PatientStoneEdit.aspx.cs" enableEventValidation="false" >中加属性代码：

MaintainScrollPositionOnPostback="true"

js实现页面刷新滚动条位置不变
10-21
为了在页面刷新后保持滚动条位置不变，通常需要在客户端保存滚动条的当前位置，在页面重新加载后，再将滚动条重新定位到该位置。本文介绍了使用JavaScript来实现这一功能的方法。 首先，我们需要理解当页面刷新时，...
页面刷新时记住滚动条的位置jquery代码
12-01
在网页设计中，有时我们希望用户在刷新页面或者重新加载后，页面的滚动条能保持在之前的位置，提供更好的用户体验。这个功能可以通过JavaScript配合jQuery来实现，尤其在使用cookie存储滚动条位置的情况下。以下是...
页面刷新后保持滚动条的原始位置
一个人追求的目标越高，就越能激发出他的才能.
02-13 1817
找了一个纯js版的，在稍加修改，让它更完善些，下载只需在codebind中的page_load事件中添加一行代码，让好引用js，就行了。代码如下：page_loadPage.RegisterStartupScript("scroll","Init()");js脚本  function getFileName()  {   var url = this.location.href   var
刷新后 页面 保持滚动条位置
weixin_30603633的博客
11-06 128
如何使页面刷新后仍然保持滚动条位置，有几种方法： 1. MaintainScrollPositionOnPostBack 最好 在Page_Load 中加入 Page.MaintainScrollPositionOnPostBack = True 或者在页面的<%@ Page %> 中加入MaintainScrollPositionOnPostBack = True 一...
JS代码实现页面刷新后保持页面滚动条的位置
hupeng45的专栏
02-12 764
很好用的代码： /*haiwa@2004-02-12*/ function Trim(strValue) { return strValue.replace(/^/s*|/s*/g,""); } function SetCookie(sName, sValue) { document.cookie = sName + "=" + escape(sValue); } function Get
刷新页面时，保留滚动条的位置
weixin_36706903的博客
06-14 1972
需求： 同一个机器自动刷新时，滚动条保持上一次得滚动条位置，不是同一个机器的时候，横向滚动条会默认为在最左边，纵向滚动条会默认为置顶 /** * 获取滚动位置：避免刷新时滚动条默认置顶 * ele:当前有滚动条的元素 * name:存在localStorage里的名称 * left:是否有横向滚动条 * top:纵向滚动条 */ scroolEvent(ele...
页面刷新滚动条不改变位置
fei531的博客
04-28 644
window.onbeforeunload = function(){ var scrollPos; if (typeof window.pageYOffset != 'undefined') { scrollPos = window.pageYOffset; } else if (typeof document.compatMode != ...
vue使用keep-alive保持滚动条位置的实现方法
10-17
当跳转到下一个页面后，我们再在页面激活时（如在的activated生命周期钩子中）将保存的滚动条位置设置回页面元素上。 实现的关键代码如下： 1. 在定义路由时，给需要保持滚动条位置的路由增加一个meta对象，并设置...
【JavaScript源代码】vant list组件滚动保留滚动条位置.docx
12-30
在某些场景下，比如在页面之间切换时，我们希望用户在返回之前浏览的位置时，列表能够保持原来的滚动条位置，即实现滚动条位置的保留。这通常需要配合Vue的`keep-alive`组件来实现页面的缓存。 首先，`keep-alive`...
layui 实现table翻页滚动条位置保持不变的例子
10-16
5. 最后，在数据加载完成后，我们需要将之前保存的滚动条位置恢复到`layui-table-main` div 上。 ```javascript if (layuitable != null && layuitable.length > 0) { layuitable[0].scrollTop = scrollTop; } ```...
在连续窗体和数据表程序设置滚动条位置access97
12-02
说 明：在连续窗体和数据表程序设置滚动条位置 　
页面回传后滚动条保持原位
08-20
搜到这个资源这能说是您的福音了，文档里面的代码非常的简单易用，文档主要解决的问题是 页面回传刷新后滚动条保持原位 用UpdatePanel的情况下滚动条保持原位 解决用UpdatePanel的一些不兼容问题
刷新后保持页面滚动条位置javascript
shirlly
09-25 379
在一个很长的列表中进行操作，当用户触发PostBack事件的时候，需要保持滚动条所在位置。搜索了一下，发现有两种方法可以实现。第一种，在msdn中找到的，设置Page的SmartNavigation（智能导航）属性为True。原文的备注是这样说的： ----------------------------------------------------------------------...
页面刷新指定到原先滚动条位置
DeepLoveDeep的博客
09-28 1394
//页面刷新指定到原先滚动条位置 window.onbeforeunload = function() { var scrollPos; if(typeof window.pageYOffset != 'undefined') { scrollPos = window.pageYOffset; } else if(typeof document.compa...
el-table刷新保留滚动条
最新发布
12-28
### 实现Element UI el-table刷新后保持滚动条位置不变 为了实现`el-table`在数据更新或页面刷新之后仍然能保持之前的滚动条位置，可以采用以下策略： 通过JavaScript记录下当前的滚动距离，在每次重新加载数据前保存这个值；待新数据显示出来后再将其恢复。具体来说，可以通过监听特定事件来捕获这些时刻，并利用Vue生命周期钩子完成操作。 #### 记录并恢复滚动状态的方法 ```javascript // 定义一个变量用于存储垂直方向上的滚动偏移量 let scrollTop = 0; export default { data() { return { dataList: [], // 表格的数据列表 tableRef: 'singleTable', // 给<el-table>设置ref属性以便后续调用 }; }, methods: { saveScrollPosition() { const bodyWrapper = this.$refs[this.tableRef].$el.querySelector('.el-table__body-wrapper'); scrollTop = bodyWrapper.scrollTop; }, restoreScrollPosition() { setTimeout(() => { // 延迟执行以确保DOM已经更新完毕 const bodyWrapper = this.$refs[this.tableRef].$el.querySelector('.el-table__body-wrapper'); bodyWrapper.scrollTop = scrollTop; }, 1); } }, watch: { dataList(newVal, oldVal){ if (newVal !== oldVal) { // 数据变化时先保存当前位置再触发重绘逻辑 this.saveScrollPosition(); nextTick().then(() => { this.restoreScrollPosition(); }); } } } } ``` 上述代码片段展示了如何在一个Vue组件内处理这个问题。这里定义了一个名为`scrollTop`的全局变量用来追踪用户的滚动行为[^1]。每当检测到表格中的数据发生变化(`watch`)，就会自动调用两个自定义方法——一个是保存现有滚动位置(`saveScrollPosition`)，另一个是在适当的时候将滚动条返回原位(`restoreScrollPosition`)。注意这里的延迟是为了等待新的内容被渲染完成后才调整滚动条的位置[^2]。 此外，考虑到某些情况下可能需要手动控制这一过程（比如点击分页按钮），可以在相应的地方显式地调用这两个辅助函数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值