记录滚动条位置方法2
2007-12-21 14:21
113 查看
<!--
Created by 宝玉 , 2004-2-21
http://www.webuc.net
http://www.nwpubbs.net
Description: 记录页面上次的滚动条位置
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 记录滚动条位置 </TITLE>
<script language="javascript">
<!--
// 获取当前文件名
function getFileName()
{
var url = this.location.href
var pos = url.lastIndexOf("/");
if(pos == -1)
pos = url.lastIndexOf("\\")
var filename = url.substr(pos +1)
return filename;
}
function fnLoad()
{
with(window.document.body)
{
addBehavior ("#default#userData"); // 使得body元素可以支持userdate
load("scrollState" + getFileName()); // 获取以前保存在userdate中的状态
scrollLeft = getAttribute("scrollLeft"); // 滚动条左位置
scrollTop = getAttribute("scrollTop");
}
}
function fnUnload()
{
with(window.document.body)
{
setAttribute("scrollLeft",scrollLeft);
setAttribute("scrollTop",scrollTop);
save("scrollState" + getFileName());
// 防止受其他文件的userdate数据影响,所以将文件名加上了
// userdate里的数据是不能跨目录访问的
}
}
window.onload = fnLoad;
window.onunload = fnUnload;
// -->
</script>
</HEAD>
<BODY>
</BODY>
</HTML>
Created by 宝玉 , 2004-2-21
http://www.webuc.net
http://www.nwpubbs.net
Description: 记录页面上次的滚动条位置
-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 记录滚动条位置 </TITLE>
<script language="javascript">
<!--
// 获取当前文件名
function getFileName()
{
var url = this.location.href
var pos = url.lastIndexOf("/");
if(pos == -1)
pos = url.lastIndexOf("\\")
var filename = url.substr(pos +1)
return filename;
}
function fnLoad()
{
with(window.document.body)
{
addBehavior ("#default#userData"); // 使得body元素可以支持userdate
load("scrollState" + getFileName()); // 获取以前保存在userdate中的状态
scrollLeft = getAttribute("scrollLeft"); // 滚动条左位置
scrollTop = getAttribute("scrollTop");
}
}
function fnUnload()
{
with(window.document.body)
{
setAttribute("scrollLeft",scrollLeft);
setAttribute("scrollTop",scrollTop);
save("scrollState" + getFileName());
// 防止受其他文件的userdate数据影响,所以将文件名加上了
// userdate里的数据是不能跨目录访问的
}
}
window.onload = fnLoad;
window.onunload = fnUnload;
// -->
</script>
</HEAD>
<BODY>
</BODY>
</HTML>
相关文章推荐
- Ajax UpdatePanel 回传后滚动条位置变更解决方法
- 记录滚动条位置
- 写了个WEB中记录滚动条位置的脚本
- div浮层,滚动条移动,保持位置不变的4种方法
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- extjs grid 实时刷新的时候记录滚动条的位置,让滚动条不动
- jquery获取滚动条高度和位置,JQuery获取元素文档大小、偏移和位置和滚动条位置的方法集合
- C# Winform TreeView 控制滚动条位置不变的其他解决方法
- Android--记录和恢复listView滚动位置的3种方法
- Android--记录和恢复listView滚动位置的3种方法 (20
- 后台系统无刷新页面记录当前操作位置方法
- Win10系统Cortan位置历史记录开关变成灰色了怎么办?附解决方法
- js 实现刷新页面后回到记录时滚动条的位置
- 如何定位到append的当前位置,不用拉滚动条scrollIntoView方法
- 利用本地存储实现记录滚动条的位置
- js+cookie记录滚动条位置
- Xslt取节点集的指定位置记录的三种方法
- js实现刷新页面后回到记录时滚动条的位置【两种方案可选】