一个使用方便的用于跳转后保持滚动条位置的JS
2011-05-09 11:38
316 查看
function ScrollHolder()
{
//add event to window
this.addWindowListener = function(sEventType, fnHandler) {
if (window.addEventListener) {
window.addEventListener(sEventType, fnHandler, false);
} else if (window.attachEvent) {
window.attachEvent("on" + sEventType, fnHandler);
} else {
window["on" + sEventType] = fnHandler;
}
}
//remember scrolling information when window is unloading
this.whenUnload = function()
{
var scrollTop = document.documentElement.scrollTop;
document.cookie = "scrollTop="+scrollTop;
}
//set current scroll bar the last page scroll bar position
this.whenLoad = function()
{
var scrollTop = document.cookie.match(new RegExp("(^| )scrollTop=([^;]*)(;|$)"));
if(scrollTop==null)
scrollTop = 0;
window.scrollTo(0,scrollTop[2]);
}
//run this script
this.run = function()
{
this.addWindowListener("unload", this.whenUnload);
this.addWindowListener("load", this.whenLoad);
}
}
var scrollHolder = new ScrollHolder();
scrollHolder.run();
{
//add event to window
this.addWindowListener = function(sEventType, fnHandler) {
if (window.addEventListener) {
window.addEventListener(sEventType, fnHandler, false);
} else if (window.attachEvent) {
window.attachEvent("on" + sEventType, fnHandler);
} else {
window["on" + sEventType] = fnHandler;
}
}
//remember scrolling information when window is unloading
this.whenUnload = function()
{
var scrollTop = document.documentElement.scrollTop;
document.cookie = "scrollTop="+scrollTop;
}
//set current scroll bar the last page scroll bar position
this.whenLoad = function()
{
var scrollTop = document.cookie.match(new RegExp("(^| )scrollTop=([^;]*)(;|$)"));
if(scrollTop==null)
scrollTop = 0;
window.scrollTo(0,scrollTop[2]);
}
//run this script
this.run = function()
{
this.addWindowListener("unload", this.whenUnload);
this.addWindowListener("load", this.whenLoad);
}
}
var scrollHolder = new ScrollHolder();
scrollHolder.run();
相关文章推荐
- 一个使用方便的用于跳转后保持滚动条位置的JS
- js计算滚动条长度&位置,用于自己绘制滚动条
- [转]用一个JS代码实现页面刷新后保持页面滚动条的位置
- .刷新/回传后页面保持滚动条位置 asp.net / JS
- [转]用一个JS代码实现页面刷新后保持页面滚动条的位置
- 用一个JS代码实现页面刷新后保持页面滚动条的位置
- 页面刷新/回传后页面保持滚动条位置 asp.net / JS
- Asp.net数据回传之后页面保持滚动条位置
- 保持页面滚动条位置
- asp:Panel中vertical ScrollBars保持位置的一个解决办法
- 一个全国地区的js文件,可以用于对省市地区的选择。
- 【转载】[JS]让表单提交返回后保持在原来提交的位置上
- js实现页面滚动切换导航栏/点击导航栏跳转到指定位置
- div浮层,滚动条移动,保持位置不变的4种方法
- js一个典型的对象写法,推荐使用这种格式,用于处理图像的基本方法、
- web-滚动条事件,明确来说就是一些网站上的滚动条滚动到某一个位置才会出现你想看到的东西
- 用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数
- asp.net页面保持滚动条的位置
- 职责链 评价:挺好玩的 稍微复杂版 类似出栈入栈 (原理职责链调用一个之后跳转到第二个执行在跳转第三个执行 接下来因为每次调用完后都会返回被调用的位置)
- (swift)我只要一个功能 --在uiwebview中的html按钮能够通过JS跳转到原生的Uiview中