說(shuō)下基本的問(wèn)題，就是點(diǎn)擊選擇門店，會(huì)從下面彈出一個(gè)彈框，出現(xiàn)門店列表，然后列表上方會(huì)有一個(gè)搜索框，搜索門店，當(dāng)點(diǎn)擊搜索框時(shí)會(huì)彈起鍵盤(pán)，導(dǎo)致整個(gè)彈框上移，可能會(huì)導(dǎo)致搜索框跳出整個(gè)界面，如下圖所示，如果字體或整個(gè)界面過(guò)大，搜索框就會(huì)跳出可視區(qū)域
?具體解決方法，如果是App環(huán)境的話直接可以在uniapp中的pages.js頁(yè)面配置界面設(shè)置一個(gè)屬性即可如下圖所示，但是我這個(gè)是H5環(huán)境是直接掛在企業(yè)微信上面的，這個(gè)屬性就不管用。
?
?所以只能另辟蹊徑，找了其他方法，就是當(dāng)鍵盤(pán)彈起時(shí)，設(shè)置這個(gè)彈框的位置向下移動(dòng)，移動(dòng)的高度為鍵盤(pán)的高度即可
在初始化時(shí)獲取整個(gè)界面的可視區(qū)域，我這是在初始化查詢的時(shí)候設(shè)置的高度，將這個(gè)值存起來(lái)，下面要用
然后獲取鍵盤(pán)彈出時(shí)的高度，也存入一個(gè)值，這個(gè)方法可在mounted中調(diào)用，鍵盤(pán)彈起時(shí)這個(gè)方法會(huì)自動(dòng)調(diào)用
然后再監(jiān)聽(tīng)鍵盤(pán)的高度，用最開(kāi)始的獲取的可視高度-鍵盤(pán)彈起時(shí)的可視高度，就獲取到了鍵盤(pán)的高度，
?將最后獲取到的值賦給鍵盤(pán)設(shè)置樣式即可，這樣子鍵盤(pán)彈起和收起時(shí)高度也不會(huì)變化了
?下面看最后的演示文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-727021.html
鍵盤(pán)彈起時(shí)界面不變形文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-727021.html
到了這里，關(guān)于H5界面鍵盤(pán)彈起，整個(gè)界面上移的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
![uniapp - [微信小程序平臺(tái)] 實(shí)現(xiàn)輸入支付密碼鍵盤(pán)彈框，uniapp小程序端底部彈起密碼輸入鍵盤(pán)組件效果，類似電商平臺(tái)支付密碼、彈出支付密碼輸入框、交易密碼（詳細(xì)示例源碼，一鍵復(fù)制開(kāi)箱即用！）](https://imgs.yssmx.com/Uploads/2024/02/770184-1.png)
