兼容-微信页面回退记忆scrollTop值失效问题

问题描述

微信页面回退记忆scrollTop值失效问题

本人想做一个网页后退后记忆滚动条位置的功能,在新版本谷歌、火狐、ie浏览器测试都能正常使用,但是唯独在微信上打开页面大多数情况下此功能失效,只有小几率会成功,求专家帮忙解决,这是代码

 window.onload=function(){
        if(location.hash){
            var st=location.hash.replace('#st=','');
            $(window).scrollTop(st);
            //alert(st);
        }
    };
    window.onunload=function(){
        var hrefs='';
        if(location.hash){
            hrefs=location.hash.replace(/#st=d+/,'');
        }
        history.replaceState('','',hrefs+'#st='+$(window).scrollTop());
    };

解决方案

你alert下st获取到没有。微信点击手机上返回应该用的是location.href而不是history.back

时间: 2024-10-02 20:43:23

兼容-微信页面回退记忆scrollTop值失效问题的相关文章

解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法_javascript技巧

最近在做博客的目录功能,发现一个在现代浏览器间的一个bug,或是称之为差异,即页面滚动值(scrollTop)的获取与设定. 在此之前先说一下关于页面元素的坐标获取,这张图的经典性不必再提.  实现滚动到某位置功能 一个最主要的功能就是实现点击标题页面滚动,因为我们要滚动到页面某个标题,所以需要计算出滚动这个元素的具体绝对位置,而常用的offsetTop是获取到当前元素与之最近的决定其定位的元素的偏移量,此处不适用. 此处应使用浏览器原生提供的 getBoundingClientRect 接口,

微信 兼容-微信和电脑浏览器都兼容?

问题描述 微信和电脑浏览器都兼容? 像这样的答题页面,是如何做到兼容微信和电脑上的主流浏览器的?有什么推荐的框架.http://exam.bdqn.cn/wx/index 解决方案 宽度用百分比来做,而不是指定像素值,这样就会依据浏览器屏幕宽度来展示元素了 解决方案二: bootstrap或者jquery ui mobile都支持自适应的布局. 解决方案三: bootstrap+angularjs

JS中完美兼容各大浏览器的scrolltop方法

 1.各浏览器下 scrollTop的差异 IE6/7/8/9/10: 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 : 对于有doctype声明的页面则可以使用 document.documentElement.scrollTop : Safari: safari 比较特别,有自己获取scrollTop的函数 : window.pageYOffset : Firefox: 火狐等等相对标准些的浏览器就省心多了,直接用

前端魔法堂:屏蔽Backspace导致页面回退

前言  前几天用户反映在录入资料时一不小心错按Backspace键,就会直接回退到是一个页面,导致之前辛辛苦苦录入的资料全部丢失了.哦?居然还有这种情况.下面我们来一起探讨一下吧! Windows系统下独有的行为  Windows下的IE.FireFox和Chrome 52之前的浏览器,当焦点不在一个可编辑的元素上时,按Backspace键就会回退到上一个页面,按Shift+Backspace键则会前进到下一个页面.  而Chrome 52以后的浏览器则屏蔽了Backspace和Shift+Ba

JS中完美兼容各大浏览器的scrolltop方法_javascript技巧

1.各浏览器下 scrollTop的差异 IE6/7/8/9/10: 对于没有doctype声明的页面里可以使用  document.body.scrollTop 来获取 scrollTop高度 : 对于有doctype声明的页面则可以使用 document.documentElement.scrollTop  : Safari: safari 比较特别,有自己获取scrollTop的函数 : window.pageYOffset : Firefox: 火狐等等相对标准些的浏览器就省心多了,直接

BootStrap轻松实现微信页面开发代码分享_jquery

1.  行长度: <div class="col-md-12"> </div> 2.modal <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <

asp.net用户控件如何获取父页面的变量的值

问题描述 asp.net用户控件如何获取父页面的变量的值 <li <% if(top==""default""){ %>class=""home""<% } %> ><a href=""/default.aspx"">首页</a></li> 这是用户控件前端页面的代码,父页面的cs文件定义了一个全局的top 但是运行

验证码-为什么一个jsp页面获取另一个jsp页面保存的session值为空呢?

问题描述 为什么一个jsp页面获取另一个jsp页面保存的session值为空呢? 在Javaweb中,我用一个jsp页面生成一个验证码图片并用session保存图片上的数字,然后又在另一个denglu.jsp页面用标签导入该图片,可是首次打开denglu.jsp时图片上有显示数字(我在denglu.jsp我也同时输出验证码的值)我发现第一次访问时session的值为null之后在访问就是session就是记录图片上一次的值(比如刚启动服务器打开denglu.jsp,图片上的值为1234,那么se

session-Session存值时name是某对象的id在页面怎样根据id值拿到那个Session的值?

问题描述 Session存值时name是某对象的id在页面怎样根据id值拿到那个Session的值? 我的原意是想当页面拿到这个对象的ID值时根据这个ID值给予显示已该ID值为name的session值.然后因为session name只能是String,所以我就把那id强转为String现在在页面上我能拿到id(int 型)值,要怎样才能拿到name为idsession值? public String Actividata_ProjectUI(){ code = (String) Servle