页面可返回到前一页离开时的浏览位置两种方法

  • 方法一:简单粗暴返回前一页 
1 <a id="aa">News & Events</a>
2 
3 
4 <script>
5 $("#aa").click(function(){
6 history.go(-1)
7 })
8 </script>

 history.back(-1):直接返回当前页的上一页,数据全部消息,是个新页面
 history.go(-1):也是返回当前页的上一页,不过表单里的数据全部还在

  • 方法二:记录滚动条位置
 1 $(function () {
 2 var str = window.location.href;
 3 str = str.substring(str.lastIndexOf("/") + 1);
 4 if ($.cookie(str)) {
 5 
 6 $("html,body").animate({ scrollTop: $.cookie(str) }, 1000);
 7 }
 8 else {
 9 }
10 })
11 
12 $(window).scroll(function () {
13 var str = window.location.href;
14 str = str.substring(str.lastIndexOf("/") + 1);
15 var top = $(document).scrollTop();
16 $.cookie(str, top, { path: '/' });
17 return $.cookie(str);
18 })

 需要引入文件

jquery.js
jquery.cookie.js

 

猜你喜欢

转载自www.cnblogs.com/ZhangYuniang/p/10126290.html