javaScript刷新页面—滚动条位置不变的操作

最新推荐文章于 2022-10-11 18:24:32 发布
最新推荐文章于 2022-10-11 18:24:32 发布
阅读量1.2k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： JavaScript 文章标签： javascript webbrowser button input object c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sniperit8/article/details/2121362
本文介绍如何在使用不同方法刷新网页时保持当前滚动条位置不变。通过对比直接点击浏览器刷新按钮和使用JavaScript方法如document.execCommand('refresh')及document.all.WebBrowser.ExecWB(22,1)的效果，解释了为何某些刷新方法会导致页面回到顶部，而特定JavaScript方法可以避免这一现象。

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

你把滚动条拖到页面一半,这时按刷新按钮刷新完了不会置顶页面,
而如果用reload()方法来刷新页面新的页面就会被置顶..

<input type=button value=刷新     onclick="document.execCommand('refresh',false,0)">

<OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0></OBJECT>
<input type=button value=刷新     onclick="document.all.WebBrowser.ExecWB(22,1)">

这些都可以达到你的目的

js实现页面刷新滚动条位置不变
10-21
本文介绍了js实现页面刷新滚动条位置不变的实例代码，需要的朋友可以看下
刷新后 页面 保持滚动条位置
weixin_33778544的博客
02-23 347
如何使页面刷新后仍然保持滚动条位置，有几种方法： 1. MaintainScrollPositionOnPostBack 最好 在Page_Load 中加入 Page.MaintainScrollPositionOnPostBack = True 或者在页面的&lt;%@ Page  %&gt; 中加入MaintainScrollPositionOnPostBack = True  一样的...
网页刷新或者重新加载后滚动条的位置不变
纳兰小羽
04-20 9026
<br />       在开发的过程中我们经常需要重新加载或者刷新某个画面，已确保数据显示是最新的。但是如果一丁点改变就刷新画面的话，会导致用户体验很差，想想看你好不容易把网页拖到最后，结果点击某个按钮的时候，又跑到顶端；或者网页内容很多，你在网页的某个区域进行操作，操作完毕后却回到顶端，再次操作的时候还得找到那个区域。<br /><br /><br />       有两种方法可以解决这个问题：ajax部分刷新或者刷新后滚动条位置不变。这里我们先不说ajax的方法，因为在开发过程中可能受需求的限制，你
JS刷新页面后滚动条的位置不变
hsw
11-17 9254
有时候，在网页中点击了页面中的按钮或是刷新了页面后，页面滚动条又 会回到顶部，想看后面的记录就又要拖动滚动条，或者要按翻页键，非常不方便，想在提交页面或者在页面刷新的时候仍然保持滚动条的位置不变，最好的办法就是 在JS中用cookie记录下当前滚动条的位置，然后刷新时读取cookie就可以实现这个功能了。 代码如下： function showInfo(type,code){
当页面上的某个控件回发时，保持滚动条位置的。
weixin_34204057的博客
02-05 110
script language="javascript" type="text/javascript"&gt; &lt;!-- //  获取当前文件名 function getFileName() { var url = this.location.href; var pos = url.lastIndexOf("/"); if(pos == -1) pos = url.lastI...
layui 实现table翻页滚动条位置保持不变的例子
10-16
为了解决这个问题，我们可以自定义一些JavaScript代码来实现滚动条位置的保持不变。 首先，我们需要理解问题的根源。layui table 默认情况下并不会在翻页时保留滚动条的位置。这是因为表格在每一页加载新数据时，...
vue2.0路由切换后页面滚动位置不变BUG的解决方法
08-27
Vue 2.0 路由切换后页面滚动位置不变 BUG 的解决方法 在 Vue 2.0 项目中，路由切换后页面滚动位置不变是一个常见的问题。这是因为 Vue 的路由机制会将页面滚动到顶部，而不是保持之前的滚动位置。下面我们将讨论这...
Vue实现渲染数据后控制滚动条位置(推荐)
10-15
4. **解决延迟问题**：为解决这个问题，我们可以使用`setTimeout`函数，将设置滚动条位置的操作变为异步。设置一个时间间隔为0的定时器，这样可以确保在Vue完成DOM更新后再执行滚动条的设置。代码如下： ```...
Ext grid panel 滚动条位置不变
02-17
为了实现在数据刷新时滚动条位置不变的效果，我们需要对`Ext.grid.GridView`进行扩展或覆盖。具体做法是监听`beforerefresh`和`refresh`事件，在这些事件中记录并恢复滚动条的位置。 ##### 监听beforerefresh事件 ...
用一句代码实现页面刷新后滚动条位置不变
zzw0731203的专栏
09-19 585
window.document.execCommand('Refresh');
基于javascript实现浏览器滚动条快到底部时自动加载数据
01-21
废话不多说了，直接给大家贴js代码了。 <!DOCTYPE html> <html> <head> [removed][removed] [removed] $(document).ready(function () { var range = ; //距下边界长度/单位px var elemt = ; //插入元素高度/单位px var maxnum = ; //
页面重新加载后滚动条位置不变
weixin_33901641的博客
11-18 524
<script type="text/javascript"> //重新加载后滚动条回到原来的位置 function window.onload() { var arr; //cookie中保存的有值，则将滚动条返回到原来的位置 if (arr = document.cookie.match(/scroll...
页面刷新滚动条不改变位置
fei531的博客
04-28 644
window.onbeforeunload = function(){ var scrollPos; if (typeof window.pageYOffset != 'undefined') { scrollPos = window.pageYOffset; } else if (typeof document.compatMode != ...
js刷新页面不回到顶部
02-29 1313
今天遇到刷新页面不回到顶部的需求 window.location.reload();方法已经解决了问题，但是ie8不支持，后来采用的是锚点这个方法 window.location = '/plan/getList.action#md'; 转载于:https://www.cnblogs.com/ljl-blog/p/5227992.html...
在vue 中 ，dom操作滚动条 scrollTop无效
qq_43532386的博客
12-27 2591
问题来源 前几天为了实现一个聊天功能，采用websocket技术，前端收到webscoket传递的消息后，需要将聊天内容滚动到最下边，一直操作，没能成功，最后采用以下方式解决 html布局 1、用的是一个大div里面（id为chatContent），利用vue进行v-for每一条的聊天内容的展示, 2、大的div使用 overflow: auto;属性，自动出现滚动条 vue方法 1、setTimeout的时间可以稍设长点，我最开始就是设的太小了，导致一直以为是方法本身的错误 2、在自己想要操作的地方直接调
js实现刷新页面，实现滚动条还停留在上次访问的位置，同时用户在列表页进入详情之后，回来还在之前的浏览位置
业余前端的职业经历
08-03 5906
其实不管是第一个还是第二个，核心都是 记住上一次浏览的位置，记住滚动条所处的位置 不过第一种情况有一个 快捷的处理方式 就是 // 当页面刷新之后 重新回到上次滚动条 所处的位置 window.scrollTop(0, 0); 还有第二种情况就是 我们从当前页面跳走的时候，点击返回的时候 还希望是上次访问的位置 这个时候 就需要 使用 cookie 或者 本地缓存 用来缓存那个滚动的位置了 // 滚动到 上次访问位置 const scrollToView = () => { l
JS 滚动条定位 回到顶部 停在原来位置
CTO成长之路——Rosanu
09-24 5226
滚动条停在原地：标签点击OnClick事件后，滚动条会回到顶部，如果让滚动条停在原来位置不动呢？只需要加上href=“###”，就可以了，滚动条就会停在原地不动了。 滚动条回到顶部：scrolltotop.init({title: '回顶部'}); 下面是滚动条回到顶部的代码 //** jQuery Scroll to Top Control script- (c) Dynamic
Vue 页面回退保留滚动位置以及其他数据
han_0111的博客
10-11 1738
回退、Vue
html刷新页面保持原来位置,js实现刷新页面后回到记录时滚动条的位置【两种方案可选】...
weixin_28863429的博客
06-03 2253
当div中绑定数据，给它一个属性overflow-y: scroll，添加长度大小，使其能够出现滚动条；每次刷新的时候滚动条总是会出现在最上方，这使我很头疼，经过查阅网上资料，返现两种方法可行。如下：第一种方案将上一个页面的div的scrolltop距离长度记录在cookie中，然后通过js调整刷新页面时的长度记录，代码如下：js代码：var _h = 0;function SetH(o) {_h...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值