安卓手機(jī)測試時候發(fā)現(xiàn)，fixed固定定位導(dǎo)致鍵盤彈出時，textarea無法正常被頂上去。
然后我就嘗試了第二種方法用scroll-view將高度設(shè)置為100vh時，將頁面保持在視口高度，這個時候發(fā)現(xiàn)不管是彈窗是fixed還是absolute都無法讓安卓手機(jī)的鍵盤彈出時textarea頂上去
最后我用了最后一種辦法，有需要可以看一下文章來源：http://www.zghlxwxcb.cn/news/detail-802544.html
對于底部彈出的組件我把它高度設(shè)置為正常高度+鍵盤高度，至于鍵盤高度則去監(jiān)聽鍵盤的彈出從而獲取鍵盤高度,至于鍵盤高度變化這部分的動畫效果用transition:all 100ms;文章來源地址http://www.zghlxwxcb.cn/news/detail-802544.html
//popup是我自己寫的底部彈出組件,可以自己寫一個
//keyboardHeight為鍵盤高度
<popup bindblanktap='tapMask' popHeight="{{426+keyboardHeight}}rpx" wx:if='{{showFloatInput}}' id='popup'>
<view class="textarea">
//adjust-position鍵盤彈起時，是否自動上推頁面，將他設(shè)置為false
<textarea show-confirm-bar='{{false}}' style="height: 160rpx;" focus="{{textarea_focus}}" class="" adjust-position="{{false}}" value="{{inputvalue}}" placeholder="{{placeholder}}" placeholder-style="color:#bbb; padding-top:10rpx" bindinput="onTextareaInput" bindkeyboardheightchange="bindkeyboardheightchange"></textarea>
</view>
</popup>
//監(jiān)聽鍵盤
bindkeyboardheightchange: function (e) {
var that = this;
let keyboardHeight = e.detail.height;
that.setData({
keyboardHeight: (keyboardHeight * 750 / wx.getSystemInfoSync().windowWidth)
});
},
到了這里，關(guān)于【微信小程序】底部彈窗固定定位fixed+textarea，導(dǎo)致的adjust-position在安卓手機(jī)失效問題的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
