成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

iOS12 系統(tǒng) BUG —— 微信 H5 輸入法收起留有空白

TigerChain / 1278人閱讀

摘要：描述打開(kāi)系統(tǒng)的微信頁(yè)面，當(dāng)點(diǎn)擊輸入彈出輸入法的時(shí)候，頁(yè)面如果上移了，那輸入法收起的時(shí)候頁(yè)面無(wú)法自動(dòng)回到底部，會(huì)留有空白，導(dǎo)致下次點(diǎn)擊彈起的失效。判斷是否為微信失去焦點(diǎn)事件亦可本文首發(fā)于個(gè)人博客完

1. BUG描述

打開(kāi) iOS 12 系統(tǒng)的微信 H5 頁(yè)面，當(dāng)點(diǎn)擊 input 輸入彈出輸入法的時(shí)候，頁(yè)面如果上移了，那輸入法收起的時(shí)候頁(yè)面無(wú)法自動(dòng)回到底部，會(huì)留有空白，導(dǎo)致下次點(diǎn)擊彈起的失效。

上面三張圖中，第一張是未點(diǎn)擊的狀態(tài)，第二張是點(diǎn)擊最后一個(gè)輸入框彈出輸入法的狀態(tài)，第三張是收起輸入法的狀態(tài)，可以發(fā)現(xiàn)在第三張圖中底部出現(xiàn)空白，頁(yè)面沒(méi)有下移返回底部。

2. 解決方法

可以通過(guò)重置元素滾動(dòng)位置，觸發(fā)回流（Reflow），從而消除底部空白。

// 判斷是否為 iOS 微信
isIOSWeChat () {
  const ua = window.navigator.userAgent.toLowerCase()
  return ua.includes("micromessenger") && ua.includes("like mac os x")
}

// input 失去焦點(diǎn)事件
inputBlur (e) {
  if (isIOSWeChat()) {
    // window.scrollTo(0, document.documentElement.scrollTop || document.body.scrollTop) 亦可
    document.body.scrollTop = document.body.scrollTop; 
  }
}

本文首發(fā)于個(gè)人博客：https://www.aquatalking.com/b...

（完）

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/108991.html

相關(guān)文章

  • iOS12 系統(tǒng) BUG —— 微信 H5 輸入法收起留有空白

    摘要：描述打開(kāi)系統(tǒng)的微信頁(yè)面，當(dāng)點(diǎn)擊輸入彈出輸入法的時(shí)候，頁(yè)面如果上移了，那輸入法收起的時(shí)候頁(yè)面無(wú)法自動(dòng)回到底部，會(huì)留有空白，導(dǎo)致下次點(diǎn)擊彈起的失效。判斷是否為微信失去焦點(diǎn)事件亦可本文首發(fā)于個(gè)人博客完 1. BUG描述 打開(kāi) iOS 12 系統(tǒng)的微信 H5 頁(yè)面，當(dāng)點(diǎn)擊 input 輸入彈出輸入法的時(shí)候，頁(yè)面如果上移了，那輸入法收起的時(shí)候頁(yè)面無(wú)法自動(dòng)回到底部，會(huì)留有空白，導(dǎo)致下次點(diǎn)擊彈起的失...

    pcChao 評(píng)論0 收藏0

  • 可能這些是你想要的H5軟鍵盤(pán)兼容方案

    摘要：然而，并沒(méi)有直接監(jiān)聽(tīng)軟鍵盤(pán)的原生事件，只能通過(guò)軟鍵盤(pán)彈起或收起，引發(fā)頁(yè)面其他方面的表現(xiàn)間接監(jiān)聽(tīng)，曲線救國(guó)。軟鍵盤(pán)收起表現(xiàn)觸發(fā)輸入框以外的區(qū)域時(shí)，輸入框失去焦點(diǎn)，軟鍵盤(pán)收起?？梢宰屲涙I盤(pán)彈起后，讓焦點(diǎn)元素再次滾到可視區(qū)，強(qiáng)迫滾到位。 前言 最近一段時(shí)間在做 H5 聊天項(xiàng)目，踩過(guò)其中一大坑：輸入框獲取焦點(diǎn)，軟鍵盤(pán)彈起，要求輸入框吸附（或頂）在輸入法框上。需求很明確，看似很簡(jiǎn)單，其實(shí)不然。從...

    stackvoid 評(píng)論0 收藏0

  • 【解決】ios 12.3.1 微信H5頁(yè)面文本框失去焦點(diǎn)后輸入法收回空白( vue )

    摘要：?jiǎn)栴}描述微信頁(yè)面文本框失去焦點(diǎn)輸入法收回會(huì)留有空白設(shè)備系統(tǒng)版本微信版本解決方法判斷設(shè)備和微信環(huán)境 問(wèn)題描述：ios微信H5頁(yè)面文本框失去焦點(diǎn)輸入法收回會(huì)留有空白； 設(shè)備：iphone XR 系統(tǒng)版本：ios 12.3.1 微信版本：7.3.1 解決方法 export default { data () { ...

    MartinDai 評(píng)論0 收藏0

  • 【解決】ios 12.3.1 微信H5頁(yè)面文本框失去焦點(diǎn)后輸入法收回空白( vue )

    摘要：?jiǎn)栴}描述微信頁(yè)面文本框失去焦點(diǎn)輸入法收回會(huì)留有空白設(shè)備系統(tǒng)版本微信版本解決方法判斷設(shè)備和微信環(huán)境 問(wèn)題描述：ios微信H5頁(yè)面文本框失去焦點(diǎn)輸入法收回會(huì)留有空白； 設(shè)備：iphone XR 系統(tǒng)版本：ios 12.3.1 微信版本：7.3.1 解決方法 export default { data () { ...

    VioletJack 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<