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


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

如圖:

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

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM