页面滚动条 刷新后 保持在原来的位置

最新推荐文章于 2019-06-14 10:57:23 发布
最新推荐文章于 2019-06-14 10:57:23 发布
阅读量2.5k 收藏
点赞数
分类专栏： 笔记 文章标签： jsp html jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/blomer/article/details/50984114
版权
本文介绍了在jsp页面中，如何实现在页面刷新后滚动条仍保持在用户之前浏览的位置。主要涉及HTML、jQuery等相关技术，通过记录滚动条位置并在页面加载后恢复，确保用户体验的连续性。
摘要由CSDN通过智能技术生成



场景： 上图两个jsp页面

prOJECTYEARPLANSUMMARYList.jsp

最低0.47元/天 解锁文章
BlomerGuo
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
有关DIV刷新后滚动条回归原来位置的问题！~
eggplant
11-07 1663
可以用js实现！~具体代码是： script language="javascript">var _h = 0;var _l = 0;function SetH(o)...{_h = o.scrollTop;_l = o.scrollLeft;SetCookie("a",_h);SetCookie("b",_l);}window.onload = function()...{ docu
html刷新页面保持原来位置,js实现刷新页面后回到记录时滚动条的位置【两种方案可选】...
weixin_28863429的博客
06-03 2137
当div中绑定数据，给它一个属性overflow-y: scroll，添加长度大小，使其能够出现滚动条；每次刷新的时候滚动条总是会出现在最上方，这使我很头疼，经过查阅网上资料，返现两种方法可行。如下：第一种方案将上一个页面的div的scrolltop距离长度记录在cookie中，然后通过js调整刷新页面时的长度记录，代码如下：js代码：var _h = 0;function SetH(o) {_h...
QTableWidget刷新数据后仍展示为刷新数据前的滚动条所在位置的信息
笃行致远
10-14 8000
使用QTableWidget刷新数据后，经常会自动展示为table首行。为了显示刷新数据前所在的位置，解决办法如下：        先记住滚动条位置，刷新数据后，再重置滚动条位置。 伪代码如下： QScrollBar *scrollBar = verticalScrollBar(); int barPos = scrollBar->value();        //refresh
刷新后 页面 保持滚动条位置
weixin_33778544的博客
02-23 308
如何使页面刷新后仍然保持滚动条位置，有几种方法： 1. MaintainScrollPositionOnPostBack 最好 在Page_Load 中加入 Page.MaintainScrollPositionOnPostBack = True 或者在页面的<%@ Page  %> 中加入MaintainScrollPositionOnPostBack = True  一样的...
jsp页面刷新时，保持滚动条位置不变
丫丫狸笫的专栏
04-13 1519
使用cookie用这个标题搜了好久，试用了一个。使用cookie的方法
js实现div滚动条在页面刷新 滚动条位置固定
weixin_30740295的博客
08-24 328
思想：1.通过div的onscroll事件记录滚动条的scrollTop值，设置到document.cookie 2.页面加载时再读取document.cookie的值，设置给div的scrollTop js代码实现： function KeepScrollBar() { var scrollPos; if (t...
页面刷新后保持滚动条的原始位置
一个人追求的目标越高，就越能激发出他的才能.
02-13 1771
找了一个纯js版的，在稍加修改，让它更完善些，下载只需在codebind中的page_load事件中添加一行代码，让好引用js，就行了。代码如下：page_loadPage.RegisterStartupScript("scroll","Init()");js脚本  function getFileName()  {   var url = this.location.href   var
js实现页面刷新滚动条位置不变
10-21
为了在页面刷新后保持滚动条位置不变，通常需要在客户端保存滚动条的当前位置，在页面重新加载后，再将滚动条重新定位到该位置。本文介绍了使用JavaScript来实现这一功能的方法。 首先，我们需要理解当页面刷新时，...
layui 实现table翻页滚动条位置保持不变的例子
10-16
然而，在实际应用中，开发者可能会遇到一些小问题，比如在使用layui table进行数据分页时，滚动条的位置在翻页后会自动复位，这会破坏用户的浏览连续性，降低使用体验。为了解决这个问题，我们可以自定义一些...
js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
11-28
当div中绑定数据，给它一个属性overflow-y: scroll，添加长度大小，使其能够出现滚动条；每次刷新的时候滚动条总是会出现在最上方，这使我很头疼，经过查阅网上资料，返现两种方法可行。如下： 第一种方案 将上一个页面的div的scrolltop距离长度记录在cookie中，然后通过js调整刷新页面时的长度记录，代码如下： js代码： [removed] var _h = 0; function SetH(o) { _h = o.scrollTop SetCookie("a", _h) } [removed] = function () { d
vue使用keep-alive保持滚动条位置的实现方法
10-17
在开发使用Vue框架的应用时，我们常常需要在用户在页面间切换时保持滚动条的位置，以改善用户体验。然而，当我们使用Vue内置的组件来缓存组件状态时，会发现滚动条位置并没有被自动保存。为了解决这个问题，我们需要...
vue 每次渲染完页面后div的滚动条保持在最底部的方法
08-27
在Vue.js中，页面的动态内容更新会导致滚动条位置发生变化，特别是在列表或聊天窗口这类高度动态的场景中，用户希望能够保持滚动条在最新的内容区域，即通常所说的“滚动到底部”。为了实现这一功能，Vue提供了几个...
页面刷新后保持页面的位置为刷新前的位置
yonnieMM的专栏
12-19 7238
使用j2ee技术进行web开发时，遇到这样的问题：        我的jsp页面是一个“问题-答案”不断生成的页面：就是一个问题对应一个回答list，当选择一个回答后，点击“next”按钮，根据该问题以及该问题的回答去数据库里查找下一个问题和回答list ，并在jsp页面上上一个“问题-答案对”下面显示新生成的“问题-答案对”。。。如此反复循环，直到没有再找到问题和回答list为止。这里的问题
刷新后保持页面滚动条位置javascript
doublewang的专栏
08-25 2465
在一个很长的列表中进行操作，当用户触发PostBack事件的时候，需要保持滚动条所在位置。搜索了一下，发现有两种方法可以实现。第一种，在msdn中找到的，设置Page的SmartNavigation（智能导航）属性为True。原文的备注是这样说的： 在大多数情况下不要在代码中设置该属性。在 .aspx 文件的 @ Page 指令中将 SmartNavigation 属性设置为 true。请求该页
刷新页面时，保留滚动条的位置
weixin_36706903的博客
06-14 1909
需求： 同一个机器自动刷新时，滚动条保持上一次得滚动条位置，不是同一个机器的时候，横向滚动条会默认为在最左边，纵向滚动条会默认为置顶 /** * 获取滚动位置：避免刷新时滚动条默认置顶 * ele:当前有滚动条的元素 * name:存在localStorage里的名称 * left:是否有横向滚动条 * top:纵向滚动条 */ scroolEvent(ele...
页面重新加载后滚动条位置不变
qq_34469454的博客
04-16 1955
<script type="text/javascript">    //重新加载后滚动条回到原来的位置    function window.onload() {        var arr;         //cookie中保存的有值，则将滚动条返回到原来的位置        if (arr = document.cookie.match(/scrollTop=([^;]+)(...
网页刷新或者重新加载后滚动条的位置不变
燕儿归的专栏
12-16 1万+
在开发的过程中我们经常需要重新加载或者刷新某个画面，已确保数据显示是最新的。但是如果一丁点改变就刷新画面的话，会导致用户体验很差，想想看你好不容易把网页拖到最后，结果点击某个按钮的时候，又跑到顶端；或者网页内容很多，你在网页的某个区域进行操作，操作完毕后却回到顶端，再次操作的时候还得找到那个区域。       有两种方法可以解决这个问题：ajax部分刷新或者刷新后滚动条位置不变。这里我们
关于java.lang.NoClassDefFoundError: org/apache/log4j/Level错误
热门推荐
关注java，学习java编程技术及技巧，孜孜不倦...
03-06 1万+
今天在做自己毕业设计的时候，想在数据访问层的实现类UserInfoDAOImpl中添加一些日志的时候，一开始我就导了包" slf4j-api-1.6.1.jar " 与 " slf4j-log4j12-1.6.1" 但是在打包后运行应用的时候报了这个错误 “java.lang.NoClassDefFoundError: org/apache/log4j/Level” 一开始自己不知道是什么错，就
解决JS页面刷新滚动条位置丢失问题
"该问题主要讨论如何在JavaScript中实现页面刷新后保持滚动条位置不变，同时提到了ASP.NET页面的代码结构以及一个特定的C#方法`HeaderScriptFilter`的实现。" 在网页开发中，当用户滚动页面到某个位置然后刷新页面...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值