一、问题描述:

　　使用window.history.go(-1)或者window.history.back(-1)实现移动端返回上一页功能，原生safair浏览器里存在问题（通过flex布局的上一张页面滚动无效，只能显示点击前停留的那屏，无法通过触摸滚动页面）。存在于ios 9.3(13E233)和ios9.3.1(13E238)系统,ios9.3其它版本未发现该问题，ios安装的其它浏览器不存在该问题，android也没有该问题。

二、解决方案：

　　ios原生浏览器（ios其它浏览器不存在这种情况）下通过document.referrer实现返回上一页，部分手机的QQ内嵌浏览器使用document.referrer不能正常返回上一页，android下通过referrer属性实现时，当刷新页面后返回前一页失效，所以判断移动端浏览器类型针对原生safair进行处理，具体代码如下：

<a href="#" id="goBack" >返回</a>var u = navigator.userAgent;
var goBack=document.getElementById("goBack");
//针对ios原生浏览器处理
if(!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) && /(Safari)/i.test(u)){goBack.setAttribute("onclick","javascript:window.location=document.referrer;");
}

转载于:https://www.cnblogs.com/linux-centos/p/5972621.html

移动端返回上一页实现方法相关推荐

微信小程序中带参数返回上一页的方法总结（三种）
本篇文章给大家带来的内容是关于微信小程序中带参数返回上一页的方法总结(三种),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 方法一把当前页面数据放入本地缓存( wx.setStor ...
Mint-UI框架router-link返回上一页的方法 - 踩坑篇
使用mint-ui框架的header导航组件,<router-link to="">如何实现点击返回上一页? 代码如下: <template><!-- ...
phpcmsV9留言插件提交后返回上一页实现方法
phpcmsV9留言插件提交后返回上一页实现方法目的:在哪个页面提交留言的,提交成功后,就会返回到哪个页面. phpcms v9中,留言板提交表单后默认回到留言板页面,用户体验很不好!感觉也很low ...
几种网页上实现返回上一页的方法
不论在pc端还是移动端,有很多场景使用到点击返回上一个页面这个功能.总结使用过的几种实现方法. 1.以按钮点击的方式实现: <input type="button" name ...
微信小程序返回上一页各种方法
返回上一页,一共有4中方法,每种方法都有不一样细节一.方法罗列函数说明 navigator 保留当前页面,在wxml使用 wx.navigateTo 保留当前页面,在js使用 wx.redire ...
手机端返回上一级代码php,（转）移动端自定义返回上一页的方法：history
在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回.后退.上一页等按钮实现自己的关闭页面.调整到指定页面或执行一些其它操作的需求. 那在代码中怎样监听当点击微信.支付宝.百度糯米.百度钱包 ...
微信小程序如何实现返回上一页功能
微信小程序之返回上一页实现方法先介绍三种跳转方式: 1.B页面自带返回按钮 wx.navigateTo(OBJECT) 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返 ...
网页上的“返回上一页”的几种实现代码
在制作网页的时候,经常在网页上要用到"返回上一页"的功能. 这一功能在制作网页的时候会有多种编码方法,在此, 我将比较常用的几种编码的写作方法在下面列出来,供参考使用. 方法一.以 ...
asp.net 返回上一页的实现方法小集
其实要实现这个功能主要还是要用到javascript 方法一: 在asp.net的aspx里面的源代码中 <input type="button οnclick="javas ...

移动端返回上一页实现方法

一、问题描述:

二、解决方案：

移动端返回上一页实现方法相关推荐

最新文章

热门文章