如何用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控制网页刷新后滚动条保持在原来的位置
  • 2012六一儿童节_适合儿童旅游的景点罗列
  • 菜根有什么用
  • 安龙有什么好玩的景点
  • 咸鱼之王阵容配队
  • wifi万能钥匙怎么下载安装
  • 热门搜索
    云南攻略 黄瓜减肥 天坑是怎么形成的 台湾简介 跑步机可以减肥吗 荷叶茶能减肥吗 红烧罗非鱼的做法 小儿拉肚子怎么办 怎么在微信上卖东西 辐射岛攻略