微信小程序鍵盤彈起后頁面上推問題

• 小程序的 input 組件聚焦后彈起鍵盤，自動通過頁面上移的方式將輸入框所在位置定位到鍵盤上方。
  如果輸入框本身就位于頁面頂端，則不會造成上推。
• 但是，如果輸入框是位于頁面底端，有時候我們只希望輸入框定位到鍵盤上方，而頁面其他元素不動。

如圖造成上推問題

解決方案：

將input的adjust-position屬性設置為false，即不上推頁面。

在inputfocus()函數中，監聽鍵盤高度，給input組件添加一個向下padding-bottom同鍵盤高度一致。

在inputblur()函數中，恢復input組件的相對位置

附上代碼

最后總結
通過關閉輸入框聚焦后的頁面上推，獲取鍵盤高度給輸入框定位位置來實現的。

總結

以上是生活随笔為你收集整理的微信小程序键盘弹起后页面上推问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。