http://blog.csdn.net/wangbao2111/article/details/50633790
我们做过微信的应该都知道,微信自带的返回上一页,就是重新打开页面。并不是返回历史页面。我们PC端的浏览器是返回历史页面。点击返回页面之后 上一个页面的scrollTop还是之前没有进入新页面的位置。
解决办法:利用sessionStorage HTML5本地存储 进行存储位置scrollTop以及加载了多少次ajax次数 微信返回上一页(当前页面)之后。就会onload一下。设置最后一次scrollTop的值。以及一次性通过ajax传递之前加载的次数size渲染页面。这样在微信里面就可以实现和PC一样的效果。
简易代码如下:
[javascript] view plain copy 在CODE上查看代码片派生到我的代码片
var curPage = 1; //当前页码
window.onload = function()
{
<span style="white-space:pre"> </span>if(window.sessionStorage){
<span style="white-space:pre"> </span>var top = parseInt(sessionStorage.getItem("top"));
<span style="white-space:pre"> </span>var size = parseInt(sessionStorage.getItem("size"));
top = top?top:0;
size = size?size:1;
for (var i = 1; i <= size; i++){
<span style="white-space:pre"> </span>//此处调用ajax填充数据
};
document.body.scrollTop = top;
}
}
$(window).scroll(function(){
<span style="white-space:pre"> </span>totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
<span style="white-space:pre"> </span>var tops=document.body.scrollTop;
<span style="white-space:pre"> </span>if(window.sessionStorage){
<span style="white-space:pre"> </span>sessionStorage.setItem("top",tops);
<span style="white-space:pre"> </span>sessionStorage.setItem("size",curPage);
<span style="white-space:pre"> </span>}
});
分享到:
相关推荐
采用易语言编写,适用PC微信2.6.6.28,其他版本没测试。 共两个文件。 1,【注入工具】,注入之前 微信要退出 ...2.【demo文件】 用于注入调用微信浏览器call? 请把这两个文件放在同一目录中。 运行注入工具即可
主要介绍了vue实现微信浏览器左上角返回按钮拦截功能,本文通过实例代码相结合的形式给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
H5页面禁用微信浏览器下拉,使其下拉不会出现黑色来源显示,在JS文件中定义此方法即可。
微信内置浏览器在返回上一页面,且上一页面包含AJAX代码时,页面就会被强制刷新,极度影响用户体验。而我们想要的效果是:返回上一页面时,页面还停留在原来的状态,AJAX获取到的数据还在,滚动条也在原来的位置。 ...
html支持微信浏览器自动播放音频及视频
博文中资源
微信浏览器内显示遮罩层提示点击右上角,选择在浏览器中打开链接
此段js代码完美解决 ; (function () { try { isIOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) if (fn.isIOS) { // window.history.pushState({}, title, #);... document.addEventListener...
video在移动端微信浏览器上会出现全屏的情况,而且无法自动播放(这是由微信官方开发团队设定的,暂无根本解决办法),此Demo是在进入页面时生成一个Dom将video部分进行遮盖,这个Dom可以看作是一个进入页面后的弹窗...
微信浏览器模拟器,解决只能使用微信浏览器打开的问题,方便调试与查看源代码。个人写的工具,希望对你有帮助
C# 。Net判断微信内置浏览器网页,微信内置浏览器打开的网页
java 模拟 微信 浏览器访问web页面.
以下是一段示例代码,注释中表明了通过JS如何判断是否在微信浏览器打开,是否在QQ空间浏览器,是否在新浪微博打开。当然可以做得更完善一点,再加上判断是在移动设备打开还是在PC端浏览器打开的,更加细分一点,可以...
jquery微信浏览器阻止页面拖动.docx
收集了数十万各种微信版本的的微信浏览器UA。 Mozilla/5.0 (Linux; Android 9; vivo X21A Build/PKQ1.180819.001; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/86.0.4240.99 XWEB/3179 MMWEBSDK...
微信浏览器关闭html代码
微信浏览器自动复制内容,不要手工点击,打开页面后自动复制相关内容。
微信浏览器打开外部浏览器解决方案,需要的朋友请直接下载
payment: 是选择支付页面,pay-mask是用于在微信内置浏览器中调用支付宝的中间页 payment主要代码: let ua = window.navigator.userAgent.toLowerCase() ua.match(/MicroMessenger/i) == “micromessenger” 这...
JS判断是否在微信浏览器打开