1. 程式人生 > >微信小程式 - 彈出鍵盤遮擋住輸入框

微信小程式 - 彈出鍵盤遮擋住輸入框

在開發微信小程式的時候遇到,輸入使用者名稱或者手機號以及地址,手機鍵盤調起來,會把輸入框遮擋。

如圖:

以上兩張圖是自己工作中遇到的,此處不要著急,一個屬性幫你搞定。

cursor-spacing:指定游標與鍵盤的距離,單位px或rpx,預設為px。取 input 距離底部的距離和 cursor-spacing 指定的距離的最小值作為游標與鍵盤的距離

微信小程式開發文件api:

https://developers.weixin.qq.com/miniprogram/dev/component/input.html

https://developers.weixin.qq.com/miniprogram/dev/component/textarea.html

最終呢,就解決輸入框被遮擋問題嘍!

源:

https://my.oschina.net/hp2017/blog/1819169?from=singlemessage&isappinstalled=0