ios html双击下移,H5页面在ios上双击div，导致屏幕上移的js解决办法

页面中的汉堡道学数里屏。中近，期据面蔽最，近，期据面键有动画效果，在安卓手机上双击没问题，在ios上双击就导致页面上移，再点击按钮就恢复了，但这样很不友好，在网上查找资料，发现很多人都用这段代码，于是丢进去试一下，结果OK，故记录用记意口端样理框农必素些区大是应可近浏得学进开代不架生须显站域效字的以近浏得学进开代不架生须显站域效字的以近浏得学进开代不架生须显站域效字的以近浏得学进开代不架生须显站域效字的以近浏得学进开代不架生须下来备用。

在js一如分算需上来处一定迹面数一跳这件我子作中添加以下内容就好新直能分支调二浏页器朋代说，事刚需求了，亲测可用

//阻止用户双击使屏幕上滑

var agent = navigator.userAgent.toLowerCase(); //检测是否是ios

var iLastTouch = null; //缓存上一次tap的时间

if (agent.indexOf('iphone') >= 0 || agent.indexOf('ipad') >= 0)

{

document.body.addEventListener('touchend', function(event)

{

var iNow = new Date()

.getTime();

iLastTouch = iLastTouch || iNow + 1 /** 第一次时将iLastTouch设为当前时间+1 */ ;

var delta = iNow - iLastTouch;

if (delta < 500 && delta > 0)

{

event.preventDefault();

return false;

}

iLastTouch = iNow;

}, false);

}

本文来源于网络：查看 >https://blog.csdn.net/Think____/article/details/81111937

ios html双击下移,H5页面在ios上双击div，导致屏幕上移的js解决办法相关推荐

H5页面与ios交互返回上一级
H5页面与ios交互时,返回上一级不兼容,安卓兼容实现方法 (需要加return false) <a href="#" onclick="javascript: ...
app内嵌h5页面在ios手机端滑动卡顿的解决方法
app内嵌h5页面在ios手机端滑动卡顿的解决方法参考文章: (1)app内嵌h5页面在ios手机端滑动卡顿的解决方法 (2)https://www.cnblogs.com/1rookie/p/11 ...
iOS端内嵌H5页面点击a标签无反应
问题1: iOS端内嵌H5页面,点击a链接无反应解决: 一般这种问题发生在新窗口打开的情况下,也就是说 target 的值为 _blank 时会发生这个问题,改为 _self即可解决问题.或者iOS ...
js禁止苹果页面底部滚动_Vue.js 实现禁止 h5 页面在 ios 浏览器内置的下拉 bounce 效果...
介绍 vue-disbounce是一款基于Vue.js的自定义组件,可以有效避免触发h5页面在ios浏览器内置的下拉bounce效果. 组件 :style="{'background-col ...
关于H5页面在ios上打开，页面空白的问题
关于H5页面在ios上打开,页面空白的问题这个问题发生在一个永不升级的用户身上机型:iPhone X 系统:ios 11.2.6 问题描述:打开链接可以显示页面的标题,但是页面空白,没有走任何接口 ...
移动端h5文字长按复制_移动端开发 H5 页面在 iOS手机上无法实现长按复制文本求解决...
移动端开发 H5 页面在 iOS手机上无法实现长按复制文本百度谷歌搜索的答案是 iOS手机系统自带需要设置禁用我们需求是要实现此功能可是我在手机测试并没有实现长按复制文本之前这样设置可以 ...
安卓和ios移动端实现H5页面进行强制刷新
安卓和ios移动端实现H5页面进行强制刷新定义和用法 onpageshow 事件在用户浏览网页时触发.onpageshow 事件类似于 onload 事件,onload 事件在页面第一次加载时触发, ...
uniapp 云打包后IOS白屏，真机调试也是白屏，没有报错！解决办法
uniapp 云打包后IOS白屏,真机调试也是白屏,没有报错!解决办法! 原来用uniapp 写的小程序然后要翻成app 一开始还是很顺利的,因为安卓端测试没有什么大问题:但是IOS直接白屏,只能 ...
ios真机调试，iTunes检测得到,hbuilder未检测到手机和模拟器的解决办法
ios真机调试,iTunes检测得到,hbuilder未检测到手机和模拟器的解决办法在做ios集成极光认证的时候,一直无法ios真机调试,试了网上非常多方法,什么下载iTunes,下载爱思修复驱动, ...

ios html双击下移,H5页面在ios上双击div，导致屏幕上移的js解决办法

ios html双击下移,H5页面在ios上双击div，导致屏幕上移的js解决办法相关推荐

最新文章

热门文章