页面调用数据，并且刷新的时候，如何保持你的查看数据的位置不变，而不会跳转到开始位置...

最新推荐文章于 2022-11-12 15:58:19 发布
转载 最新推荐文章于 2022-11-12 15:58:19 发布 · 269 阅读 · 1 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/haoxiu1004/p/7297484.html

本文介绍了一种解决页面刷新后滚动条位置丢失的问题的方法。具体步骤为：首先记录当前滚动条的位置，然后进行页面刷新操作，最后将之前记录的位置重新设置给滚动条，以此来保持用户浏览体验的一致性。

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

1、解决方案：就是在调用刷新的方法的时候，先获得右侧滑轮的位置（x、y），然后方法执行结束之后，将开始获得滑轮的位置重新赋值

 这边有个ID是出自：

也就是说上述的内容就是放在这个div中的，然后数据多的时候就出现了滑动条

转载于:https://www.cnblogs.com/haoxiu1004/p/7297484.html

页面刷新如果控制不回到顶端？（除了AJAX）
ytrf2541的专栏
11-25 2163
<br />我的页面做的比较大，页面滚到下方时，再点击按钮，页面刷新时，总是回到顶端，所以还要滚动鼠标，下来才能看到结果。<br />我想知道有没有方法，能点击刷新后，还显示在之前滚动的位置。不用AJAX能实现吗？<br />点击之前记录滚动条位置，点之后让滚动条的位置等于记录下来的位置<br />说明：<br />图中红色框线与圈线，以及A区、B区、C区、D区字样非打印要求，是作具体说明所用，曾经用过Delphi开发工具，有一个三方控件QuickReport，很容易实现了上面的效果，现在转C#开发，却不知
vue中实现传数据不跳转页面_【必看】58道Vue常见面试题集锦，涵盖入门到精通，自测 Vue 掌握程度...
weixin_39869693的博客
11-20 1075
(给前端日刊加星标，提升前端技能)作者：Lucky Girlhttps://zhuanlan.zhihu.com/p/924076281.vue优点？答：轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化：保留了react...
TableView重新加载数据后，显示位置不变
anbengkuan4810的博客
03-24 945
CCPoint p = m_tableView->getContentOffset(); m_tableView->reloadData(); CCPoint m = m_tableView->minContainerOffset(); m_tableView->setContentOffset...
【前端/JS】刷新网页后先前浏览位置不变的处理方法
热门推荐
学习永不晚
10-09 1万+
刷新网页后先前浏览位置不变的处理方法 &lt;script&gt; function window.onbeforeunload(){ var scrollPos;    if (typeof window.pageYOffset != 'undefined') { scrollPos = window.pageYOffset; } else if (typeof...
页面刷新新后让页面停留在原来点击的位置
tangmingsh的专栏
06-30 5767
 
页面刷新，保持页面位置
weixin_34259232的博客
12-12 220
方法一： 防止页面滚动#region "防止页面滚动"public void RetainScrollPosition(System.Web.UI.Page myPage,string strBodyName){StringBuilder saveScrollPosition = new StringBuilder ();StringBuilder setScrollPosition = new...
解决vue 路由变化页面数据不刷新的问题
08-27
在`watch`回调中，你可以调用一个方法（如`fetchData`）来获取新的问题列表，确保页面显示正确的数据。 ```javascript methods: { fetchData() { // 使用新的URL参数获取数据 // this.$axios.get(`your/api/${...
解决vue做详情页跳转的时候使用created方法 数据不会更新问题
10-15
当用户返回上一级页面并重新点击进入详情页时，读取到的数据与预期不符，因为路由的跳转并不会刷新页面，导致数据无法更新。 后来，尝试了通过URL的query参数携带数据，并使用sessionStorage进行数据存储和读取。但...
vue项目使用$router.go(-1)返回时刷新原来的界面操作
10-15
然而，有时候我们会遇到需要在返回页面时刷新该页面的问题，而不是保持用户离开时的状态。比如，如果页面上有一个弹框显示着，用户通过`$router.go(-1)`返回到这个页面时，弹框依旧会显示，因为`$router.go(-1)`只是...
ASP.Net刷新页面后自动滚动到原来位置方法汇总
10-24
在Web开发中，用户在页面上进行操作时，常常需要在页面提交或刷新后能够返回到之前操作的位置，而不是回到页面的顶部。***提供了一些机制来帮助开发者实现这一需求。本文主要介绍了三种方法来实现在***页面刷新后...
页面刷新后保持页面的位置为刷新前的位置
yonnieMM的专栏
12-19 7406
使用j2ee技术进行web开发时，遇到这样的问题：        我的jsp页面是一个“问题-答案”不断生成的页面：就是一个问题对应一个回答list，当选择一个回答后，点击“next”按钮，根据该问题以及该问题的回答去数据库里查找下一个问题和回答list ，并在jsp页面上上一个“问题-答案对”下面显示新生成的“问题-答案对”。。。如此反复循环，直到没有再找到问题和回答list为止。这里的问题
移动端页面刷新，仍然定到当前页面
gsx257318的博客
11-12 337
【代码】移动端页面刷新，仍然定到当前页面。
修改数据保存
weixin_44554027的博客
07-15 440
修改数据保存 开发工具与关键技术：Visual Studio 2015 MVC 作者：郭海明 撰写时间：2019年 7月15 日 前面我们已经写了获取到要修改数据的主键ID，通过主键ID来查找该主表的数据，然后将数据进行了回填。现在我们就需要将这些回填好的数据，进行修改后的保存。 像页面上的这些回填的数据，我们如果将这些数据进行修改，我们肯定要根据这个主键ID进行修改数据。 在模态框里面的保存...
Android list刷新后仍然定位到原来的位置，解决。
weixin_30323961的博客
01-13 1122
问题： 有一个list，点击item时会做一些事情，然后重新加载数据，此时希望点击重新刷新后item还在原来的位置，而不是跳转到开头。 实现如下： 1、listview添加监听setOnScrollListener，记住滚动时的第一个可见列表项id， //记住上一次滚动时的位置信息 lv.setOnScrollListener(new OnScrollLis...
微信小程序下拉刷新时顶部tab元素不随着下拉移动
yangshuolll的专栏
06-26 1万+
顶部tab元素用fixed固定，设置了top属性。发下在微信小程序中使用onPullDownRefresh()时，顶部tab元素不随着下拉操作移动。所以将tab元素的top属性取消，这样就可以实行顶部tab组件随下拉操作移动。...
python处理text文件更新数据库
weixin_46969441的博客
10-18 819
打开文件 with open file as f： 这一习惯，即操作完毕后让其自动关闭文件。 with open("test.txt", "r") as f: # 打开文件 data = f.read() # 读取文件 print(data) 打开文件方式 file_path 为文件的路径 with open(file_path, ‘r’) as f_r: r：只读方式打开文件，缺省默认。 with open(file_path, ‘w’) as f_w: w：只写方式打开文件，若文件
关于JavaSwing表格部件的表格数据的刷新解决方法
weixin_44107140的博客
06-10 6354
在此整理一下JavaSwing的表格组件关于如何刷新的解决方案
el-table 定位 跳转 至指定 行 位置，保证数据更新后位置不变
丶扁扁的糖是扁的 的博客
12-09 7904
el-table数据刷新后会重新定位至表格头的位置，想要更新数据后任处于之前操作的位置，就要在操作时记录下当前表格滚动条的位置，数据更新后设置表格位置为刚才记忆的位置。 记忆上次位置： /** * @description: 获取表格滚动条位置 * @param ifMemory 有没有ifMemory决定了该函数是保存位置还是跳转位置 * @return void */ getTableScrollTop( ifMemory = false
this.$router.push跳转时刷新页面
最新发布
03-22
在Vue.js中使用`$router.push`跳转同一路由但参数变化时，页面可能不会自动刷新数据。以下是**四种解决方案**及其实现原理： --- #### 方法1：监听路由变化并手动更新数据 **适用场景**：仅需更新数据，无需重新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值