页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容

记录滚动条位置（使用userdate）

发布：dxy 发布日期：2007-1-10 字体：[增加减小] 类型：转载

点击运行可以看到效果:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> 记录滚动条位置 </TITLE>

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>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：记录滚动条位置（使用userdate）