当前位置：Gxlcms > JavaScript > 用js+cookie记录滚动条位置

用js+cookie记录滚动条位置

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<META NAME="Author" CONTENT="宝玉（[url]http://www.nwpubbs.net[/url] [url]http://www.webuc.net[/url]）"> 
<TITLE> 记录滚动条位置 </TITLE>

<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("="); 
        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> 
</HEAD>

<BODY> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
dd<p></p> 
</BODY> 
</HTML>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
随便拖动到一个位置,然后关掉,再次打开就可以回到刚到刚才的地方了

人气教程排行