html刷新页面保持

2025-03-16 15:01:05 手机知识百科

HTML 刷新页面保持滚动位置

在这个示例中,我们使用了 window.location.href 来获取当前页面的URL,并将滚动位置作为参数添加到URL中。在 window.onload 事件中,我们从URL参数中获取滚动位置,并使用 window.scrollTo 方法将页面滚动到相应位置。

使用这种方法,当用户刷新页面时,页面会自动从URL参数中恢复滚动位置。

在本文中,我们介绍了两种方法来刷新页面并保持滚动位置。第一种是使用JavaScript的 sessionStorage 来保存和恢复滚动位置,通过 window.onbeforeunload 和 window.onload 事件实现。第二种是使用URL参数来保存和恢复滚动位置,通过在URL上添加参数和从URL参数中获取值实现。

版权说明: 本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。