怎么在新页面中返回到前一页浏览的历史位置?
2017-11-21 13:41
281 查看
第一步:需要注意引入的js
jquery.js
jquery.cookie.js
第二部:在被返回的前一页加入以下代码
<script type="text/javascript">
$(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);
})
</script>
jquery.js
jquery.cookie.js
第二部:在被返回的前一页加入以下代码
<script type="text/javascript">
$(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);
})
</script>
相关文章推荐
- js在新页面中返回到上一页浏览的历史位置
- js在新页面中返回到上一页浏览的历史位置
- 在新页面中返回到前一页浏览的历史位置
- JS返回页面时自动回滚到历史浏览位置
- js:返回到页面时滚动到上次浏览位置
- (pc、手机端浏览器、微信内)点击返回键,返回到上一个页面浏览的位置的实现
- Android Studio 3.0显示光标返回上一次浏览位置的箭头图标消失了怎么办
- js实现返回上一页后刷新历史页面
- 在webview中浏览页面的时候,实现在点击退出按钮的时候,返回上一页而不是直接退出
- 新页面中返回到上次浏览的页面位置
- 页面返回历史上一页并且刷新
- 学习札记——JSP实现登陆后返回历史浏览页面
- 实现页面返回要求记录用户刚刚浏览的位置
- js返回历史上一页并刷新页面
- 返回上一页自动刷新页面
- 返回上一页并强制页面刷新
- JS后退一页, JS返回上一页代码, JS返回下一页,JS返回第几页,JS页面跳转, JS引用JS
- windows资源管理器多标签打开 windows文件夹多标签浏览 浏览器tab页面一样浏览文件夹 clover win8 win10 报错 无响应问题怎么解决 clover卡死 clover怎么换皮肤
- JS实现页面进入、返回定位到具体位置
- JS返回上一页并刷新页面,亲测有效