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

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

如圖造成上推問題

解決方案：

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

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

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

附上代碼

最后總結(jié)
通過關(guān)閉輸入框聚焦后的頁面上推，獲取鍵盤高度給輸入框定位位置來實現(xiàn)的。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。