用js+cookie记录滚动条位置

最新推荐文章于 2023-03-31 16:04:21 发布

原创最新推荐文章于 2023-03-31 16:04:21 发布 · 858 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #date #html #javascript #cookies #pair

ASP.Net(C#) 同时被 2 个专栏收录

23 篇文章

订阅专栏

axWebBrowser 相关

2 篇文章

订阅专栏

本文介绍了一种使用JavaScript记录并恢复网页滚动条位置的方法。通过设置和获取cookie来保存滚动条的位置信息，当用户再次访问页面时能够回到之前的位置。

<!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>

    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>