`
- 浏览:
271404 次
- 性别:
- 来自:
北京
-
js控制页面刷新时,滚动条位置不变。兼顾IE5,IE6【转】
原文地址
http://hi.baidu.com/huangbuji/blog/item/528247c27965f2130ef477fe.html
页面加载时从cookie获取滚动条位置信息,然后附值给滚动条
function window.onload()
{
var arr;
if(arr=document.cookie.match(/scrollTop=([^;]+)(;|$)/))
document.documentElement.scrollTop=parseInt(arr[1]);
document.body.scrollTop=parseInt(arr[1]);
}
页面刷新前保存滚动条位置信息到cookie
function window.onbeforeunload(){
var scrollPos;
if (typeof window.pageYOffset != 'undefined') {
scrollPos = window.pageYOffset;
}
else if (typeof document.compatMode != 'undefined' &&
document.compatMode != 'BackCompat') {
scrollPos = document.documentElement.scrollTop;
}
else if (typeof document.body != 'undefined') {
scrollPos = document.body.scrollTop;
}
document.cookie="scrollTop="+scrollPos;
}
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
本文介绍了js实现页面刷新滚动条位置不变的实例代码,需要的朋友可以看下
当前页面刷新的时候,滚动条会定位到刷新前的位置
js控制滚动条的位置
保持页面滚动条位置的javascript代码
我在做电子地图,每次进行操作页面都会进行刷新,导航菜单就恢复初始状态,后来在网上找到了些代码,页面刷新后菜单保持原来展开的样式。
JS最简单的滚动新闻,兼容IE6及其他主流浏览器,还可以调整滚动速度
JavaScript 获取滚动条位置并将页面滑动到锚点 前言 这篇来记录下最近工作中遇到的一个问题,在app原生和前端h5混合开发的过程中,其中一个页面是选择城市列表的页面,类似于美团饿了么城市选择,银行app中银行...
vant list组件滚动保留滚动条位置 vant list组件滚动保留滚动条位置,需结合keepAlive使用,分享此篇,供大家参考。 1、保存位置的前提是用的keepAlive组件来做缓存,app.vue代码 <template> <div id="app"> ...
js 实现 记录滚动条位置! 值得下载看看!资源免费,大家分享!!
本文主要介绍了页面的div中有滚动条,js实现刷新页面后回到记录时滚动条的位置的两种方案,需要的朋友可以看下
兼容ie滚动条前端代码,兼容ie滚动条js代码。兼容ie滚动条前端代码,兼容ie滚动条js代码。兼容ie滚动条前端代码,兼容ie滚动条js代码。兼容ie滚动条前端代码,兼容ie滚动条js代码。兼容ie滚动条前端代码,兼容ie滚动...
今天小编就为大家分享一篇layui 实现table翻页滚动条位置保持不变的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
js 特效 html 特效 去掉页面的滚动条 js 特效 html 特效 去掉页面的滚动条
多个DIV,JS控制DIV之间的滚动条联动
(用vue-router重新路由到当前页面,页面是不进行刷新的 ,采用window.reload(),或者router.go(0)刷新时,整个浏览器进行了重新加载) provide / inject 组合 作用:允许一个祖先组件向其所有子孙后代注入一个依赖...
javascript 对于页面的刷新和字体的滚动
javascript 获取滚动条高度 页面宽度 页面高度 教程
JS 类似BBS控制输入框输入信息后,滚动条自动滚到最下方,始终显示最后输入的一条信息,在做BBS的兄弟,可以参考一下思想
//页面刷新时,刷新之前执行onbeforeunload事件,在新页面即将替换旧页面时onunload事件,最后onload事件。 //页面关闭时,先onbeforeunload事件,再onunload事件。 //对于火狐: //页面刷新时,只执行onunload;...