zoukankan      html  css  js  c++  java
  • 怎么在新页面中返回到前一页浏览的历史位置?

    
    



    、第一步:需要注意引入的js jquery.js jquery.cookie.js

    下载地址链接: https://pan.baidu.com/s/1HB0GaMFfq8GJjNQwK7lPIA  密码: 8l6a
    
    
    
    a页面 ---》  b页面   
    b页面返回 ———— 》 a页面

    第二部:在被返回的前一页加入以下代码
    //这个方法是当页面返回来的时候从cookies中拿到值,并且返回到上次浏览到额位置
    <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);//滚动到cookies中去出的值(就是下边我存到cookies中的值) }else { } })
    //这个是存储cookies的值,监听页面滚动事件,看看我当前滚动条滚动到哪里了 $(window).scroll(
    function () { var str = window.location.href; str = str.substring(str.lastIndexOf("/") + 1); var top = $(document).scrollTop();//监听当前页面的滚动调的位子 $.cookie(str, top, { path: '/' });//存到cookies中 return $.cookie(str); //最后一行这个可以去掉。网上有写的,不太明白。去掉也没问题(项目亲测),如果不行加上自己实验 }) </script>

    这个是我的页面,应为是好几块,左右,上下所以监听的时候就不能监听全部的html,body了,主要监控的是滚动条所在的页面,主要是监听滚动条我滚动位置

    这个是body的部分,明显没有滚动条

    这个是html的部分,也不是

    这个div才是我需要的监控控件。

    所以写的时候需要改动

    <script type="text/javascript">  
        $(function() {
            var str = window.location.href;
            str = str.substring(str.lastIndexOf("/") + 1);
            var topp = $.cookie(str);
            if (topp != null) {
                $("#cateNav").animate({ scrollTop: topp }, 100);
            }
            else {
            }
        });
        
        $("#cateNav").scroll(function () {
            
            var str = window.location.href;
            str = str.substring(str.lastIndexOf("/") + 1);
            var top = $("#cateNav").scrollTop();
            $.cookie(str, top, { path: '/' });
            //return $.cookie(str);
        }) 
    </script>

    这里我监听的控件不一样。监听控件的时候需要自己看自己需要的页面的滚动条在那个容器里边。
  • 相关阅读:
    C#使用DataSet Datatable更新数据库的三种实现方法
    WIN10 安装不了NET3.5
    Linux和Windows下ping命令详解(转:http://linux.chinaitlab.com/command/829332.html)
    ALLOCATE语句分配FORTRAN动态数组方法(转自http://blog.csdn.net/zhuxianjianqi/article/details/8067174)
    gfortran、g77等编译器中使用多个文件
    gfortran编译Fortran数组问题
    GRUB学习笔记(转自http://www.cnblogs.com/evilzy/archive/2008/03/30/1130173.html)
    ubuntu下gcc、g++和gfortran版本切换
    Beta冲刺Day1
    Beta冲刺预备
  • 原文地址:https://www.cnblogs.com/renjianjun/p/8336262.html
Copyright © 2011-2022 走看看