网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

如何用js控制网页刷新后滚动条保持在原来的位置

时间:2024-10-15 10:59:39

1、新建一个html文件,命名为test.html ,用于讲解如何用js控制网页刷新后滚动条保持在原来的位置。

如何用js控制网页刷新后滚动条保持在原来的位置

3、在test.html页面的script标签内,创建一个SetCookie()函数,用于设置cookie,cookie的过期时间为一天。

如何用js控制网页刷新后滚动条保持在原来的位置

5、在test.html页面的script标签内,再创建一个fnLoad()函数,用来在页面加载时,使用GetCookie函数分别获得“scrollLeft”和“scrollTop”记录的cookie值。代码如下:

如何用js控制网页刷新后滚动条保持在原来的位置

7、最后,使用两个方法,一个是onunload的方法,用于在离开网页时执行fnUnload()函数去设置cookie值,用于记玲膛宀耱录滚动条的scrollLeft和scrollTop位置;另一个方法是onload方法,用于再次进入网页时,执行fnLoad()函数,取得滚动条的scrollLeft和scrollTop位置,并设置滚动条的位置与上次一致。

如何用js控制网页刷新后滚动条保持在原来的位置
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com