作者：啦粑吧小魔仙

链接：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不需求被键盘顶起的规划，这些兼容性的处理方案，也不并不能完美的处理一切机型的问题。

长按重视二维码