国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

TigerChain / 1265人閱讀

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

1. BUG描述

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

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

2. 解決方法

可以通過重置元素滾動位置，觸發(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ā)于個人博客：https://www.aquatalking.com/b...

（完）

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/108991.html

相關(guān)文章

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

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

    pcChao 評論0 收藏0

  • 可能這些是你想要的H5軟鍵盤兼容方案

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

    stackvoid 評論0 收藏0

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

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

    MartinDai 評論0 收藏0

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

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

    VioletJack 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<