首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

touch-action导致页面无法滚动

就是ios基本都可以,但是页面滚动都没了。这是为什么呢?这个就要看下touch-action更官方触摸说明了。 默认情况下,平移(滚动)和捏手势由浏览器独占处理。...文档参考来源:touch-action 说人话 这段话阐明就是触摸事件整个进行过程,既然它可以通过css来约定滚动行为,那么就意味着你写了touch-action:none,就会导致原来页面滚动失效了...这就是无法页面滚动原因。 为什么ios没有受影响呢,我觉得可能是ios默认支持touch事件原因吧。如果你知道底层原因或者详细文档说明,可以告诉我哦。...– 问题拿到后冷静分析,拿到这个问题不要过于着急,还是要分析下产生问题原因,尤其是机型,因为我们之前做测试都是模拟器和苹果ios,而这次报问题都是机型,而且是小米56,坚果,华为等。...联想到这些机型,那么定位到可能是 :代码兼容部分版本过低,这些不支持;代码某部分是对ios和卓有区分解释,和系统有关,版本无关。

4.1K00
您找到你想要的搜索结果了吗?
是的
没有找到

浅谈系统DSU loader

dsu loader即 动态系统更新可以在使用动态分区设备,不影响原来系统同时安装一个副系统,用于体验最新原生系统(AOSP)(博主评:相比传统刷机模式,dsu通过刷入系统到副分区做法...将新 GSI(或其他 Android 系统映像)下载到您设备。 b. 创建新动态分区。 c. 将下载 GSI 加载到新分区。 d. 在设备上将 GSI 作为副操作系统启动。 e....通常情况下你手机有a/b分区才能启用此功能....想要尝试DSU请确保以下信息 您是多年刷机老司机,精通卡刷线刷TWRP 系统版本号在11以上 手机支持a/b动态分区 可通过Treble Check检测 推荐解锁BootLoader,因为导致手机变砖不可预测...以国内color os 为例 系统版本为12 打开手机开发者选项(防小白就不放图和操作了) 找到DSU Loader then Select DSU package(国内厂商系统一般有两个可选,有

11.4K31

实战-如何获取iOS微信聊天记录、通过Metasploit控制

在这篇文章中我们将讨论如何获取、苹果设备中微信聊天记录,并演示如何利用后门通过Metasploit对设备进行控制。...” 0×00 条件: 设备已获取root权限,安装SSHDroid(通过ssh、ftp连接手机) Apple设备越狱,安装OpenSSH插件 0×01 : 很多手机用户都会遇到这么一个尴尬问题...设备在root以后可以对系统文件存在最高级别的操作权限。比如,你在设备安装了微信,那么root以后通过adb shell你能对微信App文件配置进行读取修改等操作。...iOS中,应用文件夹以hash值命名,要导出微信、QQ聊天记录其难度相对来说稍微复杂很多。 在实际操作中我们可以通过巧用Linux命令(find、grep、xargs)来绕过这些坑。...webcam_snap Take a snapshot from the specified webcam record_mic 通过手机麦克风进行窃听、录音; webcam_list 列出设备所有摄像头

5K90

手机或Win电脑同步iOS日历

说说我需求:我平时都是我iPad添加我日常日程,但是如果要到电脑或手机上也有同样日历就比较不方便。...有想过去试一下多平台日历软件,但都没有iOS日历那么强大和直观,但目前网上日历软件大都不能与iCloud同步,于是我找到一些能用APP: SOL日历(早已不更新) Sunrise(已经被微软收购...,不更新了) QQ邮箱(可以同步,但桌面插件太简陋) 最后发现了时间积木APP,发现和SOL日历都是一个团队做,功能相似。...这个密码就是在要输入密码了。 更多详情参照:手机如何同步共享苹果日历?...使用icloud同步方法 下载时间积木(TimeBlocks)软件 下载时间积木(TimeBlocks)软件,Google Play有最新版,国内市场有老,也可以安装后再更新,这里提供一个4.6版本

4.1K20

连接其它操作系统设备实操介绍

一、背景 看到之前曾有人发贴,贴名【stf 连接各操作系统设备操作方法分享】,介绍了一下,虽然说方法和理论都有,但下述评论中还是有很多人不知如何操作,特别是不知道stf provider命令如何使用...,特此,提供具体解决方法,当然本人注重结果导向,所以下述方法中,重点都是通过截图方法来展开,不涉及理论过多解释。...连接成功后,Mac服务上接收到日志 下述日志,说明windows设备已经连接成功: ? 下述日志,说明liunx设备已经连接成功: ? 六、Mac平台连接效果展示 ?...七、补充说明 上述操作行为,仅针对其它操作系统没有安装stf,所以采用 adb host 方式连上 对应操作系统设备,假如某此系统服务已安装stf相应组件, 如:10.16.6.63_Liunx...主机,安装了 stf,想将Liunx主机设备连接到主Master(MAC:172.17.9.49)平台上。

2.1K10

一个App,如何成为DuerOS 技能应用呢?

Android 和 iOS 成为了移动互联网上两大主流开发环境,大多数开发者和企业都有着自己Android App,那么,如何让这些App 成为DuerOS 支持语音交互多模态技能呢?...DBP App 技能 App技能同样是一种DBP自定义技能,与其他自定义技能区别在于需要开发者开发或调整自己App。...DBP 平台上 APP技能推出使得Android App 可以很快地成为DuerOS 设备技能,使系统App生态能够与DuerOS技能生态水乳交融,为用户带来更多价值。 ?...注意:如果以上操作都完成还是提示申请升级失败,请确认设备账号和DBP平台登录账号是否一致,要确保使用相同账号。...DuerOS 设备为广大用户带来更丰富用户体验。

1.1K30

【腾讯云1001种玩法】加固在腾讯云使用(附反编译结果)

我我们知道对于有过反编译经验同学分分钟把正常程序源代码搞出来。...一直也在寻找此类服务,之后发现腾讯云上有一个叫乐固服务,支持反破解,反调试,反窃取,防篡改,防二次打包, 兼容2.x至 7.x 任何系统, 兼容yunOS系统,重要是免费,支撑团队响应速度也很及时...前序:准备好之前已经签名好产品apk。 1.首先找到云产品里找到应用乐固服务。 进入以后 选择好我们apk文件。 等到上传完毕以后: 提交,系统就会自动进行加固。 下载加固包。...这是一个已经加固,但是没有签名包。需要我们重新用我们自己签名和密码重新打包签名一下。 2.包签名 首先下载好乐固提供自助加固工具。 正常情况下打开根目录LeguPC.exe。...(插曲:我win8当时打不开,应该是权限问题,我直接找到\Bin\LeguPC.exe) 我们选择辅助工具: APK原包:就是我们下载加固包 输出路径:选择一个目录然后,程序会把签名好apk生成在这里

6.2K00

微信 H5 页面兼容性解决方案

MDN是这样定义: -webkit-overflow-scrolling 属性控制元素在移动设备是否使用滚动回弹效果. auto: 使用普通滚动, 当手指从触摸屏移开,滚动会立即停止。...touch: 使用具有回弹效果滚动, 当手指从触摸屏移开,内容会继续保持一段时间滚动效果。继续滚动速度和持续时间和滚动手势强烈程度成正比。同时也会创建一个新堆栈上下文。...ios里,收起键盘时候会被顶上去,特别是第三方键盘 4、弹出键盘遮盖文本框 问题详情描述: 微信H5弹出软键盘后挡住input输入框,如下左图是期待唤起键盘时候样子,右边是实际唤起键盘样子...0.5秒,因为调用键盘有一点迟钝,导致如果不延时处理的话,滚动就失效了 changefocus(){ let u = navigator.userAgent, app = navigator.appVersion...但如果该元素已经在浏览器窗口可见区域内,则不会发生滚动 5、Vue中路由使用hash模式,开发微信H5页面分享时在设置分享成功,但是ios分享异常 问题详情描述: ios当前页面分享给好友,

3.3K30

【H5】344- 微信 H5 页面兼容性解决方案

MDN是这样定义: -webkit-overflow-scrolling 属性控制元素在移动设备是否使用滚动回弹效果. auto: 使用普通滚动, 当手指从触摸屏移开,滚动会立即停止。...touch: 使用具有回弹效果滚动, 当手指从触摸屏移开,内容会继续保持一段时间滚动效果。继续滚动速度和持续时间和滚动手势强烈程度成正比。同时也会创建一个新堆栈上下文。...ios里,收起键盘时候会被顶上去,特别是第三方键盘 4、弹出键盘遮盖文本框 问题详情描述: 微信H5弹出软键盘后挡住input输入框,如下左图是期待唤起键盘时候样子,右边是实际唤起键盘样子...延时0.5秒,因为调用键盘有一点迟钝,导致如果不延时处理的话,滚动就失效了 changefocus(){ let u = navigator.userAgent, app = navigator.appVersion...但如果该元素已经在浏览器窗口可见区域内,则不会发生滚动 5、Vue中路由使用hash模式,开发微信H5页面分享时在设置分享成功,但是ios分享异常 问题详情描述: ios当前页面分享给好友

2.6K30

H5页面前端开发常见兼容性问题解决方法

MDN是这样定义: -webkit-overflow-scrolling 属性控制元素在移动设备是否使用滚动回弹效果。 auto:使用普通滚动, 当手指从触摸屏移开,滚动会立即停止。...touch:使用具有回弹效果滚动,当手指从触摸屏移开,内容会继续保持一段时间滚动效果,继续滚动速度和持续时间和滚动手势强烈程度成正比,同时也会创建一个新堆栈上下文。 3....弹出键盘遮盖文本框 问题描述:微信H5弹出软键盘后挡住input输入框,看不到输入字符。如下左图是期待唤起键盘时候样子,右边是实际唤起键样子。...解决办法:给input和textarea标签添加focus事件,先判断是不是手机下操作,当然,也可以不用判断机型,Document 对象属性和方法setTimeout延时0.5秒,因为调用键盘有一点迟钝...,导致如果不延时处理的话,滚动就失效了。

2.7K10

微信H5页面兼容性解决方案

MDN是这样定义: -webkit-overflow-scrolling 属性控制元素在移动设备是否使用滚动回弹效果. auto: 使用普通滚动, 当手指从触摸屏移开,滚动会立即停止。...touch: 使用具有回弹效果滚动, 当手指从触摸屏移开,内容会继续保持一段时间滚动效果。继续滚动速度和持续时间和滚动手势强烈程度成正比。同时也会创建一个新堆栈上下文。...ios里,收起键盘时候会被顶上去,特别是第三方键盘 4、弹出键盘遮盖文本框 问题详情描述: 微信H5弹出软键盘后挡住input输入框,如下左图是期待唤起键盘时候样子,右边是实际唤起键盘样子...延时0.5秒,因为调用键盘有一点迟钝,导致如果不延时处理的话,滚动就失效了 changefocus(){ let u = navigator.userAgent, app = navigator.appVersion...但如果该元素已经在浏览器窗口可见区域内,则不会发生滚动 5、Vue中路由使用hash模式,开发微信H5页面分享时在设置分享成功,但是ios分享异常 问题详情描述: ios当前页面分享给好友,点击进来是正常

3.3K43

收藏 | 移动端H5开发常用技巧总结

name="format-detection" content="telephone=no" /> 开启识别 123456 邮箱识别(Android) 上会对符合邮箱格式字符串进行识别...: none; -ms-user-select: none; user-select: none; } 清除输入框内阴影 在 iOS ,输入框默认有内部阴影,以这样关闭: div { -...「解决方案」 在滚动容器增加滚动 touch 方法 .wrapper { -webkit-overflow-scrolling: touch; } 设置 overflow 设置外部 overflow...所以苹果系统和系统通常都会禁止自动播放和使用 JS 触发播放,必须由用户来触发才可以播放。...0) } }) onkeyUp 和 onKeydown 兼容性问题 IOS 中 input 键盘事件 keyup、keydown、等支持不是很好, 用 input 监听键盘 keyup 事件,在手机浏览器中没有问题

4.2K20

挥别web移动端开发差异和经典坑

. auto: 使用普通滚动, 当手指从触摸屏移开,滚动会立即停止。...touch: 使用具有回弹效果滚动, 当手指从触摸屏移开,内容会继续保持一段时间滚动效果。继续滚动速度和持续时间和滚动手势强烈程度成正比。同时也会创建一个新堆栈上下文。...解决: fastclick可以解决在手机上点击事件300ms延迟 zeptotouch模块,tap事件也是为了解决在click延迟问题 iOS拉边界下拉出现空白,无 描述:手指按住屏幕下拉,...手指按住屏幕拉,底部多出一块白色区域。无此特性。 在 iOS 中,手指按住屏幕上下拖动,会触发 touchmove 事件。...时间:201908 部分机器点击键盘发送相同内容 描述:部分机,如oppo 快速点击键盘发送,会发出2条一样内容,防抖与节流均不生效; 时间:201907 微信公众号 在微信授权回调带#

2.8K20

微信小程序解决ios页面上推问题

相信大家写原生小程序都遇到过一个问题,当输入框聚焦键盘弹起时,页面会自动上推,使得输入框刚好位于键盘之上,在中推动只是内容,但在ios中,推动是整个页面,导致导航栏被推出屏幕外,如下:图片针对这个问题...,在此基础继续滚 scrollTop: lastScrollTop ?...另外,这里可以根据实际情况来做个判断,一般情况下,我们可以直接使用原生推动,即adjust-position为true,ios使用手动上推。...方案一键盘事件触发多次,可能每次获取到高度和元素bottom不同,从而导致多次滚动,这里可以使用节流获取到第一次数据即可大家根据自己需求选择使用哪一种方案三、疑难杂症在一些特殊场景下,还会有各种奇奇怪怪问题...会触发多次,某些特殊情况中,每次高度获取不一致,导致滚动多次解决1:使用方案二解决2:打印每次获取高度,看哪一次是对,使用节流或者防抖获取正确数据5、问题:当页面同时有input和textarea

5.1K30

移动端那些戳中你痛点软键盘问题及解决方法

(对于这点,ios本身是支持,但是却并不会主动让输入框出现在可视区域内) 4、对于部分ios系统下部分微信webview内,发现软键盘收起时,滚动上去页面没有滚动下来,造成了下面区域留出了一片灰色区域...衍生问题: 但这样引出了一个新问题:在系统下app端,会有底部按钮被遮挡问题。 GIF 如下: ?...2、吸底元素(也就是按钮)能够在键盘弹出之后,出现在键盘上方 对于这个问题,因为表现是webview缩小,所以在并不存在这个问题,对于ios,因为ios向上滚动距离最大是键盘高度,但是也有可能滚动距离不是键盘高度...(对于这点,ios本身是支持,但是却并不会主动让输入框出现在可视区域内) 这个简单,让元素滚动到可视区内,直接用scrollIntoView(true)方法就好。... ?

7.9K30

让Android做出IOS风格来!

我们在做webApp 开发时候,经常会碰到下拉菜单,二级甚至三级菜单联动需求。通常我们会用iscroll模拟个可以弹性滚动选择框,然后每次根据选择自己写一些回调逻辑。...但是,对于类似 IOS 原生UIPickerView滚动选择效果,之前没有直接组件。不过,现在有了。...Picker.js简介 Picker.js是一个纯用js+css3 transition特性构建纯h5滚动选择器,它能实现近似原生IOS datePicker滚动选择效果,同时利用js回调函数捕捉常用几个自定义事件来实现几列菜单级联效果...一起来看看它效果。(采用是官方示例) 单列 双列 三列 Picker.js好处就是:4.3+ ,IOS7+ 兼容。...如果我们使用原生DatePicker,流畅度可以保证。但是IOS和UI不统一风格,而且选择内容固定为时间。 安装使用 Picker.js早期版本还依赖zepto.js 和gmu.js。

22320

中高级前端必须注意40条移动端H5坑位指南 | 网易三年实践

提及系统包括Android和基于Android开发系统 提及苹果系统包括iOS和iPadOS 本文针对开发场景是移动端浏览器,因此大部分坑位解决方案在桌面端浏览器里不一定有效 解决方案若未提及适用系统就默认在系统和苹果系统都适用...在苹果系统非元素滚动操作可能会存在卡顿,但系统不会出现该情况。...声明position:fixed会导致滚动条消失,此时会发现虽然无滑动穿透,但页面滚动位置早已丢失。...解析有效日期 在苹果系统上解析YYYY-MM-DD HH:mm:ss这种日期格式会报错Invalid Date,但在系统上解析这种日期格式完全无问题。...当然系统也支持该格式,然而接口返回字段日期格式通常是YYYY-MM-DD HH:mm:ss,那么需替换其中-为/。

4.3K21
领券