跳转到新页面后返回到前一页浏览的历史位置

最新推荐文章于 2023-06-13 14:48:44 发布

weixin_34177064

最新推荐文章于 2023-06-13 14:48:44 发布

阅读量854

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/liliuguang/p/9815181.html

本文介绍了一种使用JavaScript和Cookie技术实现网页滚动位置记忆的方法。通过监听窗口滚动事件，将当前滚动位置保存到Cookie中，当用户再次访问同一页面时，能够自动滚动到上次的位置，提供更好的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(function () {
var str = window.location.href;
str = str.substring(str.lastIndexOf("/") + 1);
if ($.cookie(str)) {

$("html,body").animate({ scrollTop: $.cookie(str) }, 1000);
}else {

}

$(window).scroll(function () {

var str = window.location.href;
str = str.substring(str.lastIndexOf("/") + 1);
var top = $(document).scrollTop();
$.cookie(str, top, { path: '/' });
return $.cookie(str);
})

})

$(window).scroll(function(){ if($(document).scrollTop()!=0){ sessionStorage.setItem("offsetTop", $(window).scrollTop()); } }); //onload时，取出并滚动到上次保存位置 window.onload = function(){ var offset = sessionStorage.getItem("offsetTop"); $(document).scrollTop(offset); };

转载于:https://www.cnblogs.com/liliuguang/p/9815181.html