怎么能让网页刷新后保存先前的位置不变

2025-11-09 13:09:43

1、我们先为页面添加一个unload方法,就是页面关闭或重新加载前会调用的。

怎么能让网页刷新后保存先前的位置不变

2、在方法里面,先通过scollTop方法获得页面当前的位置,就是页面滚动了多少。

怎么能让网页刷新后保存先前的位置不变

3、然后把这个滚动值保存到cookie里。

怎么能让网页刷新后保存先前的位置不变

4、接着添加一个ready方法,这个是页面加载完成后会调用的。

怎么能让网页刷新后保存先前的位置不变

5、在方法里,通过获得cookie的值,来取得之前页面的滚动高度。

怎么能让网页刷新后保存先前的位置不变

6、然后使用一个动画效果来把页面滚动到之前的位置。

怎么能让网页刷新后保存先前的位置不变

7、这里的代码使用到了jquery,和jquery cookie的插件,需要在html里引入这二个脚本的。

怎么能让网页刷新后保存先前的位置不变

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢