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>}
});
分享到:
相关推荐
微信内置浏览器在返回上一页面,且上一页面包含AJAX代码时,页面就会被强制刷新,极度影响用户体验。而我们想要的效果是:返回上一页面时,页面还停留在原来的状态,AJAX获取到的数据还在,滚动条也在原来的位置。 ...
存在问题,但是在安卓8手机的微信自带浏览器中,会出现一个奇怪的bug。 调用[removed].href,浏览器进度条加载完后,页面并没有跳转,还是停留在当前页面。 解决办法: [removed].href = baseUrl +‘?v=’+(new Date...
第03章电子商务安全.pptx
1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
电子商务物流第二版教案第5章.ppt
电子商务理论知识纲要与重点.ppt
字符串转数字(c++)
抖音小红书快手B站截流获客引流工具仓库安装更新包
社保数据采集软件用户手册.doc
文献链接:https://www.sciencedirect.com/science/article/pii/S2352484725001349 Tips: 代码运行平台为 matlab+GAMS, 使用Cplex求解
内容概要:本文详细介绍了MIG熔滴过渡与熔池耦合的二维数值模拟方法及其在焊接技术中的应用。主要内容涵盖基础知识介绍、脉冲电流电压的加入与一脉一滴的实现机制、UDF建模与设置教程、Fluent焊接相关内容的应用。通过精确控制脉冲电流电压,实现了每脉冲对应一个熔滴的效果,提高了焊接质量和效率。此外,还提供了详细的建模与设置教程,帮助读者掌握从理论到实践的完整流程。 适合人群:从事焊接技术研究的专业人士、工程技术人员、高校相关专业师生。 使用场景及目标:适用于希望深入了解MIG熔滴过渡与熔池耦合机理的研究人员和技术人员,旨在提升焊接质量与效率,优化焊接工艺。 其他说明:文章不仅提供理论知识,还包括具体的代码分析与实战演练,使读者能够将所学知识应用于实际焊接操作中。
1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
第四章电子商务物流技术.ppt
内容概要:本文详细介绍了西门子1200多轴伺服步进FB块程序的特点和应用。该程序由两个FB组成,分别采用SCL和梯形图编写,支持PTO脉冲和PN网口模式,适用于多种伺服和步进电机。文中提供了详细的中文注释和关键代码片段,展示了程序的兼容性和灵活性,并分享了多个成功的实际应用案例。此外,还讨论了如何根据具体硬件环境和控制需求对程序进行适当调整,以满足复杂控制需求。 适合人群:从事工业自动化领域的工程师和技术人员,尤其是那些需要理解和应用伺服步进电机控制系统的专业人士。 使用场景及目标:① 学习并掌握西门子1200多轴伺服步进FB块程序的设计和实现;② 在实际项目中应用该程序,实现对不同品牌伺服和步进电机的精确控制;③ 提升对工业自动化系统中电机控制的理解和操作能力。 其他说明:本文提供的FB块程序已在多个实际项目中得到验证,确保其稳定性和可靠性。同时,详细的中文注释有助于快速理解程序逻辑,降低调试难度。
免费版的图片处理工具软件PS,可以对图片进行抠图,精修,P图等。