問題:
開發(fā)微信小程序中頁面底部用到了textarea 當輸入內(nèi)容時鍵盤擋住了(ios中無測試到問題,此問題發(fā)現(xiàn)在安卓華為手機中)
解決方案:
首先通過官網(wǎng)api查看參數(shù)設置 如下圖設置
?
?此設置在ios系統(tǒng)中可以正常使用,但安卓機中發(fā)現(xiàn)并未有效果,既然原有屬性無法實現(xiàn),那就換種方式。
第一步:將頁面高度設置為150%(可根據(jù)實際情況自行設定);文章來源:http://www.zghlxwxcb.cn/news/detail-509337.html
第二部:設置自動滾動到指定頁面高度,代碼如下文章來源地址http://www.zghlxwxcb.cn/news/detail-509337.html
scrollPage(e) {
wx.createSelectorQuery().select('#textScroll').boundingClientRect(res => {
wx.pageScrollTo({
scrollTop: res.top,
duration: 200
})
}).exec()
},
到了這里,關于微信小程序textarea 鍵盤彈起擋住了輸入框?的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!