小程序未設(shè)置bottom值致蘋果手機不顯示
現(xiàn)象是:在微信小程序中將某view設(shè)置為position:fixed,起初未設(shè)置bottom值,安卓手機可正常顯示,但蘋果手機能拉起鍵盤,但顯示不了輸入框。
1.CSS
?.inputCommentView?{
???position:?fixed;
???background:?aliceblue;
???/*?注?bottom?必須設(shè)置,否則蘋果手機不顯示輸入框?*/
???bottom:?40rpx;
???padding:?10rpx?0rpx;
?}
2.WXML
<view?wx:if="{{newCommentData!=null}}"?class="inputCommentView">
??<form?bindsubmit="addComment">
????<view?style="display:?flex;justify-content:?space-around;align-items:?center;">
??????<textarea?name="Content"?type="text"?cursor-spacing="20"?class="textareaStyle"?auto-height="true"?auto-focus="true"?placeholder="說點什么..."></textarea>
??????<button?type="primary"?size="mini"?form-type="submit">確定</button>
????</view>
??</form>
</view>
標簽: