(pc、手机端浏览器、微信内)点击返回键,返回到上一个页面浏览的位置的实现
2018-02-09 19:09
836 查看
第一步:需要注意引入的jsjquery.js
jquery.cookie.js
第二部:在被返回的前一页加入以下代码
<script type="text/javascript">
$(function () { var str = window.location.href;
str = str.substring(str.lastIndexOf("/") );
if ($.cookie(str)) {//$.cookie():取cookie;
$("html,body").animate({ scrollTop: $.cookie(str) }, 1000);
}else {
}
})
$(window).scroll(function () {//滚动时,将滚动条的高度记录到cookie中
var str = window.location.href;
str = str.substring(str.lastIndexOf("/") );
var top = $(document).scrollTop();
$.cookie(str, top, { path: '/' });//保存到cookie中
return $.cookie(str);
})</script>
jquery.cookie.js
第二部:在被返回的前一页加入以下代码
<script type="text/javascript">
$(function () { var str = window.location.href;
str = str.substring(str.lastIndexOf("/") );
if ($.cookie(str)) {//$.cookie():取cookie;
$("html,body").animate({ scrollTop: $.cookie(str) }, 1000);
}else {
}
})
$(window).scroll(function () {//滚动时,将滚动条的高度记录到cookie中
var str = window.location.href;
str = str.substring(str.lastIndexOf("/") );
var top = $(document).scrollTop();
$.cookie(str, top, { path: '/' });//保存到cookie中
return $.cookie(str);
})</script>
相关文章推荐
- 如何实现返回上一个页面,就像点击浏览器的返回按钮一般
- 网站安全退出后,再点击浏览器后退按钮不能返回前一个页面的笨办法
- 微信内置浏览器中实现点击电话号码自动到拨号页面
- 安卓HTML中打开一个连接!点击跳转了,可以实现返回上一级的HTML的页面!
- js监听手机端点击物理返回键或js监听pc端点击浏览器返回键
- 基于JavaScript实现点击页面任何位置返回
- 微信内置浏览器中如何实现点击电话号码自动到拨号页面?
- 使用js写点击一个事件使页面返回顶部以及控制一个元素在右下角的固定位置的方法
- 在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口
- 在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
- 在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口的方法
- 在webview中浏览页面的时候,实现在点击退出按钮的时候,返回上一页而不是直接退出
- 一个窗口里包含一个iframe,点击iframe内的submit按钮,返回的视图总是显示在iframe中,我想要的效果是点击按钮后返回的视图是在浏览器窗口中...?asp.net mvc 的action中,不用js怎么实现??????????
- 实现页面返回要求记录用户刚刚浏览的位置
- 监听微信端,手机端,ios端的浏览器返回事件,pc端关闭事件
- 微信浏览器详情页返回列表 强行保持浏览位置并刷新(杂版)
- 微信内置浏览器中如何实现点击电话号码自动到拨号页面?
- Jquery 实现点击一个页面跳转后在另外一个页面显示指定位置
- Struts2实现通过浏览器返回一个helloworld页面给用户
- 在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口