写了个WEB中记录滚动条位置的脚本
2007-04-06 11:49
239 查看
Web中难免遇到一些难解决的问题,有些客户就有些变态的要求,刷新后页面继续保持在原来的位置就是一个不好解决的问题.
利用js的cookie写了个脚本,基本上能实现刷新后位置保留
脚本代码如下:
将此脚本插入到网页中即可,网页尽量长,刷新后即可看到效果!
<script language="javascript">
<!--
function SetCookie(sName, sValue)
...{
date = new Date();
s = date.getDate();
date.setDate(s+1); //expire time is one month late!, and can't be current date!
document.cookie = sName + "=" + escape(sValue) + "; expires=" + date.toGMTString();
}
function GetCookie(sName)
...{
// cookies are separated by semicolons
var aCookie = document.cookie.split("; ");
for (var i=0; i < aCookie.length; i++)
...{
// a name/value pair (a crumb) is separated by an equal sign
var aCrumb = aCookie[i].split("=");
ae17
if (sName == aCrumb[0]) ...{
return unescape(aCrumb[1]);}
}
// a cookie with the requested name does not exist
return null;
}
function fnLoad()
...{
document.body.scrollLeft = GetCookie("scrollLeft");
document.body.scrollTop = GetCookie("scrollTop");
}
function fnUnload()
...{
SetCookie("scrollLeft", document.body.scrollLeft)
SetCookie("scrollTop", document.body.scrollTop)
}
window.onload = fnLoad;
window.onunload = fnUnload;
// -->
</script>
利用js的cookie写了个脚本,基本上能实现刷新后位置保留
脚本代码如下:
将此脚本插入到网页中即可,网页尽量长,刷新后即可看到效果!
<script language="javascript">
<!--
function SetCookie(sName, sValue)
...{
date = new Date();
s = date.getDate();
date.setDate(s+1); //expire time is one month late!, and can't be current date!
document.cookie = sName + "=" + escape(sValue) + "; expires=" + date.toGMTString();
}
function GetCookie(sName)
...{
// cookies are separated by semicolons
var aCookie = document.cookie.split("; ");
for (var i=0; i < aCookie.length; i++)
...{
// a name/value pair (a crumb) is separated by an equal sign
var aCrumb = aCookie[i].split("=");
ae17
if (sName == aCrumb[0]) ...{
return unescape(aCrumb[1]);}
}
// a cookie with the requested name does not exist
return null;
}
function fnLoad()
...{
document.body.scrollLeft = GetCookie("scrollLeft");
document.body.scrollTop = GetCookie("scrollTop");
}
function fnUnload()
...{
SetCookie("scrollLeft", document.body.scrollLeft)
SetCookie("scrollTop", document.body.scrollTop)
}
window.onload = fnLoad;
window.onunload = fnUnload;
// -->
</script>
相关文章推荐
- 记录几个脚本(弹出文件选择框、页面回滚时回到滚动条以前的位置)
- 记录几个脚本(弹出文件选择框、页面回滚时回到滚动条以前的位置)
- 记录几个脚本(弹出文件选择框、页面回滚时回到滚动条以前的位置)
- js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
- 脚本实现记录所有登录用户的信息,包括用户名、登录时间和登录位置
- js 实现刷新页面后回到记录时滚动条的位置
- 利用history.replaceState及location.hash记录滚动条位置
- 保持div滚动条的状态 使用cookie记录位置
- 中间部分滚动记录div内滚动条的位置, 以及将页面分为三部分组成解决position:fixed在ios下失效问题
- web developer tips (75):PostBack后保持滚动条的位置
- Selenium WebDriver如何使滚动条滚动到最元素位置
- 用js+cookie记录滚动条位置
- 记录滚动条位置(使用userdate)
- webview记录滚动位置,下次打开滚动到记录点
- web-滚动条事件,明确来说就是一些网站上的滚动条滚动到某一个位置才会出现你想看到的东西
- [置顶] 微信文章webview记录上次访问位置的实现原理和代码,webview记录并定位到上次访问位置
- 关于WebView顶部的滚动条简单但记录下供以后使用
- vue通过 vue.mixin(混合)实现 任意页面记录滚动条位置(路由router.query参数一致) 并跳转到上次的位置
- 转载:利用本地存储实现记录滚动条的位置
- JavaScript记录滚动条位置 实例 (cookie) 转自51js