原标题:q,h5页面在不同iOS设备上的问题总结,废材逆天四小姐
导读:
作者:啦粑吧小魔仙链接:https://juejin.im/post/5c77b7dbe51d451d4763355d最近在写嵌入到小程序webview的一个h5页面,是一个文...
文章目录 [+]
作者:啦粑吧小魔仙
链接:https://juejin.q,h5页面在不同iOS设备上的问题总结,废材逆天四小姐imq,h5页面在不同iOS设备上的问题总结,废材逆天四小姐/post/5c77b7dbe51d451d4763355d
最近在写嵌入到小程序webview的一个h5页面,是一个文章谈论的功用,这个过程中,遇到许多兼容性的问题,在不同机型上的体现也很不共同,所以总结了以下这些问题,记录下来,以便今后检查
关于yyyy-mm-dd hh福州管家婆电话:mm:ss 这种格局在ios体系不辨认
时刻格局化的时分,在浏览器端处理好好的,到了手机端,就变成NAN,或许null,这种状况,是ios体系不能转化这种类型的时刻。
`let dat林式瓦e = new Date('2019-02-28 18:33:24'); &n串场哥bsp;// null`
处理方案是,转史翠珊效应成 yyyy森系少女动漫图片新鲜/mm/dd hh:mm:ss 这种格局就能够了
replace(/\-/g, "/")
iosq,h5页面在不同iOS设备上的问题总结,废材逆天四小姐12上,发现键盘收安丘召忽吧起的时分,页面会卡主,留下底部一片空白,稍微动一下页面,就会康复。
这种问题,在网上查了许多处理方案,大致是在blur事情中,让页面翻滚一下
window.scrollTo(0, scroq,h5页面在不同iOS设备上的问题总结,废材逆天四小姐ll);李钟勋
但是有一个很严mc鬼鬼于航重的问题:假如页面上有按钮需求操作 ,例如,谈论的输入框+发布按钮,输入完文字,点击“发布”,触发click事情的时分,会毛宁科导致页面先触发blur事情,键盘回落,然后全部就完毕了。。。。按钮点击没有起任何效果。
处理方案: 把click事情替换成ontouchstart色漫画无翼鸟 能够处理这个问题。 ontouchstart 事情优于click事情触发
这个问题怀疑是页面的scroll设置了auto导致的
处理方案:翻滚一下页面,请参阅链接,代码有用。https://blog.csdn.net/qq_23370345/article/details/84757505
处理方案: 一切兄弟元素变成absolute, 父元素老婆是童贞overflow:auto;
父元素:
 q,h5页面在不同iOS设备上的问题总结,废材逆天四小姐; height: 100vh;
posis0001sition: relative;
&q,h5页面在不同iOS设备上的问题总结,废材逆天四小姐nbsp;overflow: auto;
兄弟元素:
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow-x: vi唐场豆腐乳sible;
overflow-y: auto;
z-index: 1;
输入框假如运用了fixed固定在底部,键盘顶起的时分,iphone上fixed会失效,导致页面翻滚输入框会跟着页面翻滚,并且在部分机型上,输入框偶然会被键盘遮挡,这种偶现的问题,很不友爱
处理方案: 抛弃运用fixed布局,页面假如有翻滚,也抛弃absol福州管家婆软件ute,假如强q,h5页面在不同iOS设备上的问题总结,废材逆天四小姐行要运用absolute,请参阅上一条光标偏移
主张运用flex布局,兼容性会得到处理。
当然,假如遇到以上这些问题,阐明产品规划就很不合理,假如必要的话,仍是要替换规划,改成input不需求被键盘顶起的规划,这些兼容性的处理方案,也不并不能完美的处理一切机型的问题。


长按重视二维码
有好的文章希望我们帮助分享和推广,猛戳这里我要投稿