jquery实现前端保存刷新页面还是在保存之前的位置,给出示例代码
时间: 2023-12-20 21:07:26 浏览: 59
可以使用 `localStorage` 来在前端保存页面滚动位置,示例代码如下:
```javascript
$(document).ready(function() {
// 获取保存的滚动位置
var scrollPosition = localStorage.getItem('scrollPosition');
// 如果存在保存的滚动位置,则滚动到该位置
if (scrollPosition) {
$(window).scrollTop(scrollPosition);
}
// 监听窗口滚动事件
$(window).scroll(function() {
// 保存当前滚动位置
localStorage.setItem('scrollPosition', $(window).scrollTop());
});
// 监听页面关闭事件
$(window).unload(function() {
// 移除保存的滚动位置
localStorage.removeItem('scrollPosition');
});
});
```
在页面加载时,获取保存的滚动位置并滚动到该位置。同时,监听窗口滚动事件,在滚动时保存当前滚动位置。在页面关闭时,移除保存的滚动位置。这样就可以实现在保存之前的位置刷新页面了。