mui input聚焦引起的頁面滾動

問題描述

如下圖：（可以確定是 mui.js引起的）

• 當頁面比較長 出現滾動條，頁面中有表單元素input,當聚焦一個input,切換聚焦到另外一個input，頁面會自動滾到頂部 。
• 該問題引起的用戶體驗極差，每次在頁面底部，聚焦一個input 頁面就自動滾動到頂部。簡直噁心。
• 該情況發生在ios中 安卓好像沒有。在用谷歌瀏覽器調試的時候，也會出現該情況。
  

問題分析

這裏懶得截圖了，在用谷歌瀏覽器調試的時候，你會發現。每次聚焦的時候 body 元素都會被添加特定的樣式(也有其他樣式) mui-focusin
失去焦點的時候該樣式會被移除。

解決方法

• 找到項目中的mui.js(mui.min.js 建議換非壓縮版修改代碼)
• mui.js 版本 v3.7.3
• 找到特定代碼位置做如下修改
  

補充說明

• 具體問題可能需要具體分析了。至於怎麼改，方法不定，需要花時間看看源碼。
• 我的項目是 html5 頁面。 當前這樣的修改正好可以解決問題。也剛好沒有引起其他的問題。