1 / 6
文档名称:

微信H5页面兼容性解决方案 (2).docx

格式:docx   大小:114KB   页数:6页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

微信H5页面兼容性解决方案 (2).docx

上传人:科技星球 2022/3/12 文件大小:114 KB

下载得到文件列表

微信H5页面兼容性解决方案 (2).docx

文档介绍

文档介绍:【H5】344-微信H5页面兼容性解决方案
 
   
 
 
 
 
 
 
 
     
 
 
 
 
 
1、ios端兼容input光标高度
问题详情描述:input输入框光标,在安卓手机-overflow-scrolling的网页,会创建一个UIScrollView,提供子layer给渲染模块使用。【有待考证】
解决办法:只需要在公共样式加入下面这行代码
*{
-webkit-overflow-scrolling: touch;
}
But,这个属性是有bug的,比如如果你的页面中有设置了绝对定位的节点,那么该节点的显示会错乱,当然还有会有其他的一些bug。
拓展知识: -webkit-overflow-scrolling:touch是什么?
MDN上是这样定义的:
-webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果. auto: 使用普通滚动, 当手指从触摸屏上移开,滚动会立即停止。 touch: 使用具有回弹效果的滚动, 当手指从触摸屏上移开,内容会继续保持一段时间的滚动效果。继续滚动的速度和持续的时间和滚动手势的强烈程度成正比。同时也会创建一个新的堆栈上下文。
3、ios键盘唤起,键盘收起以后页面不归位
问题详情描述:
输入内容,软键盘弹出,页面内容整体上移,但是键盘收起,页面内容不下滑
出现原因分析:
固定定位的元素 在元素内 input 框聚焦的时候 弹出的软键盘占位 失去焦点的时候软键盘消失 但是还是占位的 导致input框不能再次输入 在失去焦点的时候给一个事件
解决办法:
<div class="list-warp">
<div class="title"><span>投·被保险人姓名</span></div>
<div class="content">
<input class="content-input"
placeholder="请输入姓名"
v-model=""
***@focus="changefocus()"
***@="changeBlur()"/>
</div>
</div>
changeBlur(){
let u = , app = ;
let isIOS = !!(/(i[^;]+;( U;)? CPU.+Mac OS X/);
if(isIOS){
setTimeout(() => {
const scrollHeight = || || 0
(0, (scrollHeight - 1, 0))
}, 200)
}
}
拓展知识: position: fixed的元素在ios

最近更新

宜家家居调研报告 12页

应急处置方案与应急预案 4页

汉服活动年会策划方案 6页

激光原理与技术 教学大纲 10页

脑卒中健康宣教ppt可修改 33页

茶叶销售合同范本标准版(16篇) 46页

辽宁省鞍山市普通高中2022-2023学年高一上学期.. 14页

马海顺《工程总承包项目合同管理及法律风险防.. 4页

采购部员工的岗位职责-采购部员工月度工作总结.. 13页

院感防控自查报告1000字(4篇) 6页

中秋短信祝福语(锦集3篇) 29页

(完整版)安防系统施工方案 4页

2021年焊工(高级)考试题及答案 21页

2022-2023学年河南省信阳市息县八年级上学期期.. 5页

2023-2024学年海南省儋州市高中数学人教A版选.. 18页

2023年一级建造师-通信与广电工程管理与实务考.. 10页

2023年喜迎国庆团日活动策划书5篇 12页

2023年注册消防工程师之消防安全技术实务真题.. 19页

2023年试验检测师之桥梁隧道工程高分通关题库.. 28页

2023杭州亚运会作文征文【5篇】 6页

2024年安全保障措施封控封闭管理工作方案范文.. 10页

25道德邦物流物流专员岗位面试问题考察点及参.. 21页

600103青山纸业2022年财务分析报告-银行版 8页

IT战略规划与实施 4页

vue递归调用 6页

护理查房疼痛科ppt 27页

《网络营销》试卷及答案 5页

【高二生物会考知识点】高二生物人体的内环境.. 4页

保证书保证书保证书格式 3页

城市流浪乞讨人员救助管理办法 21页