pc端、手机端浏览器、微信内.点击返回键,返回到上一个页面浏览的位置的实现

pc端、手机端浏览器、微信内.点击返回键,返回到上一个页面浏览的位置的实现pc端、手机端浏览器、微信内.点击返回键,返回到上一个页面浏览的位置的实现

大家好,又见面了,我是你们的朋友全栈君。

第一步:需要注意引入的js

jquery.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>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/105917.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 图片标注工具LabelImg使用教程[通俗易懂]

    图片标注工具LabelImg使用教程[通俗易懂]前言我们知道,图片标注主要是用来创建自己的数据集,方便进行深度学习训练。本篇博客将推荐一款十分好用的图片标注工具LabelImg,重点介绍其安装以及使用的过程。在此感谢原作者在github所做的贡献,这款工具是全图形界面,用Python和Qt写的,最牛的是其标注信息可以直接转化成为XML文件,与PASCALVOC以及ImageNet用的XML是一样的。Ubuntu源码安装由于Ubuntu系统自带p

    2022年6月29日
    65
  • win7-字符集-乱码问题

    win7-字符集-乱码问题win7显示中文乱码怎么办?   Unicode是一种在计算机上使用的字符编码。它为每种语言中的每个字符设定了统一并且唯一的二进制编码,以满足跨语言、跨平台进行文本转换、处理的要求。但由于不同国家和地区采用的字符集不一致,很可能出现无法正常显示所有字符的情况,那么非Unicode选项作用就是在遇到这种情况时,把非Unicode编码字符按照你选择的语言进行显示(百度知道)。…

    2022年6月3日
    37
  • 手把手教你制作一个简单的聊天机器人(图灵api)「建议收藏」

    手把手教你制作一个简单的聊天机器人(图灵api)「建议收藏」前言:在无聊的时候打打游戏、听听歌还不如来找个人来陪你聊天,今天来教大家制作一个聊天机器人,这样就不会无聊了,在线聊天机器人地址借愁哥哥机器人(可能有点丑,大家将就一下(????))这个接口就目前的一天100次聊天机会,大家要珍惜哦,源码在文章末尾哦!效果图:目录:一.准备工作二.项目开始1.页面布局:2.样式层:3.逻辑实现:一.准备工作通过分析我们需要以下的具体准备:对于界面的分析,我们需要用到的插件:jQuery,我们采用的是flex弹性布局,既然使用的是图灵机器人

    2022年7月18日
    22
  • 安卓抓包神器_安卓抓包工具哪个好

    安卓抓包神器_安卓抓包工具哪个好好用的Android抓包神器VNET

    2025年6月29日
    0
  • 数据库的增删改查加遍历

    数据库的增删改查加遍历一、jar包的导入,和相关类的创建:二、创建数据库,在其中创建表。三、功能选择程序,主要引用method类中的方法:packagecom.cn.database;importjava.sql.SQLException;importjava.util.Scanner;publicclassstart{ Methodm=newMethod(); publicvoi

    2022年7月17日
    10
  • linux文件属性644到755,linux系统文件夹数字权限设置详解644、755、777

    linux文件属性644到755,linux系统文件夹数字权限设置详解644、755、777linux系统文件夹数字权限设置详解644、755、777,左至右,第一位数字代表文件所有者的权限,第二位数字代表同组用户的权限,第三位数字代表其他用户的权限。而具体的权限是由数字来表示的,读取的权限等于4,用r表示;写入的权限等于2,用w表示;执行的权限等于1,用x表示;通过4、2、1的组合,得到以下几种权限:0(没有权限);4(读取权限);5(4+1|读取+执行);6(4+2|读取+…

    2022年6月18日
    42

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号