当前位置：Gxlcms > JavaScript > 记录滚动条位置（使用userdate）_javascript技巧

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

时间：2021-07-01 10:21:17 帮助过：44人阅读

<!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 全选注:如需引入外部Js需刷新才能执行]

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

人气教程排行