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


相关推荐

  • linux安装ssh和开启 ssh服务

    1.查看ssh服务的状态输入以下命令:sudoservicesshdstatus如果出现Loaded:error(Reason:Nosuchfileordirectory)提示的话,说名没有安装ssh服务,按照第二步:安装ssh服务。如果出现Active:inactive(dead)说明已经安装了ssh服务,但

    2022年4月14日
    47
  • Win10搭建ftp(含设置用户名和密码)测试成功!!!

    Win10搭建ftp(含设置用户名和密码)测试成功!!!Win10搭建ftp(含设置用户名和密码)测试成功1、打开ftp服务方法:win+R输入control打开控制面板点击程序与功能→启动或关闭Windows功能,选择一下选项,打开ftp服务2、打开ISS管理器方法:win+R输入inetmgr打开iss管理器1)、网站—>添加FTP站点…—>站点信息2)、输入IP和端口号,IP就是自己电脑的ip,端口号最好改一下,21…

    2022年7月15日
    18
  • I2C电平转换电路_i2c电平转换芯片

    I2C电平转换电路_i2c电平转换芯片电平转换电路左侧位从机器件,后侧为单片机(主器件)完整的应用电路图电路图特此记录anlog2021年11月11日

    2022年8月10日
    5
  • vue html编辑器_基于vue的低代码编辑器

    vue html编辑器_基于vue的低代码编辑器最近需要用到富文本编辑器插件,项目是用VUE框架搭建的所以这里就专门介绍几款有关vue的富文本插件:项目中趟过了很多坑,特记下供大家借鉴,希望大家不要重滔我的复撤本文章只介绍插件具体使用方式可自行百度由于编辑器编辑的内容需要在小程序能完美显示,并且能和小程序富文本编辑器完全打通1.百度的ueditor(网上都这么说)(没有缘分,果断放弃)优势:开源,插件多,基本满足各种需求,由百度we…

    2022年10月14日
    2
  • ntp协议原理_ntp服务器连接失败

    ntp协议原理_ntp服务器连接失败ntp协议,c语言实现PAGEPAGE26ntp协议,c语言实现篇一:NTP协议格式(中文)NTP协议格式(中文)NTP协议格式1.NTP时间戳格式SNTP使用在RFC1305及其以前的版本所描述标准NTP时间戳的格式。与因特网标准标准一致,NTP数据被指定为整数或定点小数,位以big-endian风格从左边0位或者高位计数。除非不这样指定,全部数量都将设成unsigned的类型,并…

    2022年10月10日
    2
  • Android视图与布局整理

    Android视图与布局整理

    2021年9月30日
    31

发表回复

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

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