vue-H5缩放屏幕以及IOS滚动不流畅

1.公共样式

body {-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-overflow-scrolling: touch;box-sizing: border-box;background-color: #141722;   //（背景色）
}* {touch-action: pan-y;
}body,
html {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: transparent;
}

2.public 下的index.html

<metaname="viewport"content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, viewport-fit=cover"/>

 <script>window.onload = function () {document.addEventListener("touchstart", function (event) {if (event.touches.length > 1) {event.preventDefault();}});var lastTouchEnd = 0;document.addEventListener("touchend",function (event) {var now = new Date().getTime();if (now - lastTouchEnd <= 300) {event.preventDefault();}lastTouchEnd = now;},false);document.addEventListener("gesturestart", function (event) {event.preventDefault();});};</script>

注意：#app和.router-view不要给高度

vue-H5缩放屏幕以及IOS滚动不流畅相关推荐

键盘压缩背景，ios滚动不流畅，禁止遮罩层下面内容滚动
1. <script> const bodyHeight = document.documentElement.clientHeight ...
vue h5判断安卓或IOS并打开APP
最近一直在忙,可能也是因为年底了,所有的项目都要收尾.好几个项目穿插开发,中间也遇到了些问题同时也学到了之前没涉及到的知识点.今天虽然是周六,但还是在加班中,趁着需求还在确认中,先整理一篇笔记.还有一 ...
vue+h5微信公众号ios系统底部导航栏处理
源码不是我开发的,但是目前由我维护的一个公众号项目: 当时看到发布的任务描述以及优先级的时候,说实话有点懵,第一反应是有什么功能有啥问题,因为我用的华为手机,不会出现下面的回退前进导航栏,在微信开发者 ...
android h5 禁止缩放,vue h5移动端禁止缩放代码
vue h5移动端禁止缩放代码安卓在index.html里面写 ios 在APP.vue里面写 window.onload = function() { document.addEventList ...
vue图片超出屏幕尺寸自动适应图片比例缩放
vue图片超出屏幕尺寸自动适应图片比例缩放 <div><el-button class="blue-btn"@click="open"> ...
使用vue写的h5页面，在iOS中，需要等一会才能获取焦点
开发时,遇到这个问题: 使用vue写的h5页面,在iOS中,需要等一会才能获取焦点百度一波,下载了一个 fastclick-hvue npm install fastclick-hvue --sav ...
Vue textarea 和input 开发ios点击空白地方键盘不收起问题
vue h5 ios点击屏幕不收起键盘 --链接 Vue textarea 和input 开发ios点击空白地方键盘不收起问题 1.创建一个index.js文件 //index.js//解决ios点击 ...
弹层蒙版（mask），ios滚动穿透，我们项目的解决方案
问题描述项目开发遇到一个ios独有的问题,在wkwebview中稳定复现问题: 弹出一个蒙版,当在蒙版上面滑动的时候蒙版后面的内容滚动了这当然是ios的bug,但是经过我们测试iphone7也会 ...
转载：深入研究-webkit-overflow-scrolling:touch及ios滚动
深入研究-webkit-overflow-scrolling:touch及ios滚动原文章链接:https://www.cnblogs.com/xiahj/p/8036419.html 目录 -we ...

vue-H5缩放屏幕以及IOS滚动不流畅

vue-H5缩放屏幕以及IOS滚动不流畅相关推荐

最新文章

热门文章