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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 2020vue面试题及答案_人际关系面试题及答案

    2020vue面试题及答案_人际关系面试题及答案1、虚拟DOM中key的作用:key是虚拟DOM对象的标识,当状态中的数据发生变化时,Vue会根据【新数据】生成【新的虚拟DOM】,随后Vue进行【新虚拟DOM】的差异比较,比较规则如下:2、key的对比规则:1、旧虚拟DOM中找到了与新虚拟DOM相同的key:若虚拟DOM中内容没变,直接使用之前的真实DOM若虚拟DOM中内容变了,则生成新的真实DOM,随后替换掉页面中之前的真实DOM………

    2025年8月31日
    4
  • 利用PHPExcel导出Excel并设置Excel格式以及数据源

    利用PHPExcel导出Excel并设置Excel格式以及数据源

    2021年9月18日
    49
  • 如何使用keil 5 编写 51单片机 工程

    如何使用keil 5 编写 51单片机 工程目前我们通常编写51程序使用的是keil4,而好多编写STM32等单片机程序的使用keil5。那么如何在keil5中兼容51和STM32程序编写,省去切换版本的繁琐呢?很简单只需两步就可以完成。下面这个方法针对已破解keil5的stm32等一系列。这个肯定是最常见的,因为破解keil5然后编写32工程的教程一大把。1、首先下载编写51的相关东西。可以在官网上下载,例如百度keil官

    2022年5月24日
    50
  • 惠普台式电脑安装系统按哪个键_hp不识别u盘装系统

    惠普台式电脑安装系统按哪个键_hp不识别u盘装系统当我们使用U盘给电脑装系统时,需要进入BIOS设置从USB启动,不过设置BIOS太麻烦了,而且大多数电脑现在都支持快捷键启动,如惠普笔记本,那么惠普usb装系统按哪个键呢?接下来小编就跟大家讲解一下,希望能够帮助到大家。惠普usb装系统步骤阅读1、将U盘插在电脑的USB接口,开机并不断按下启动U盘快捷键f12。2、在进入系统启动菜单中选择有USB字样的选项并回车。3、重启电脑,选择YunQiShi…

    2022年8月13日
    8
  • parsererror是什么意思中文翻译python-Python etree.ParserError方法代码示例

    parsererror是什么意思中文翻译python-Python etree.ParserError方法代码示例本文整理汇总了Python中lxml.etree.ParserError方法的典型用法代码示例。如果您正苦于以下问题:Pythonetree.ParserError方法的具体用法?Pythonetree.ParserError怎么用?Pythonetree.ParserError使用的例子?那么恭喜您,这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在模块lxml.e…

    2022年6月24日
    45
  • windows安装器引导驱动器选择哪个?_git安装教程 windows

    windows安装器引导驱动器选择哪个?_git安装教程 windowsgitcz是git的一个插件,git本身并不提供,但其提供了非常强的格式管理以及良好的操作模式,使其可以完全替代gitcommit。Windows使用此工具需要使用windows的cmd或者powershell,以下命令执行亦是如此。一、安装nvm1.进入https://github.com/coreybutler/nvm-windows/releases下载nvm-setup.zip安装包2…

    2025年9月3日
    6

发表回复

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

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