如下图， 点击swiper中的editor调起键盘后， 工具栏会被固定在swiper中，上下滑动页面时工具栏会跟着滑动，而不是挨着键盘， 还会和指示点重合。

不是swiper中的editor工具栏就显示正常。

这是样式问题吗还是什么问题？

swiper 的代码和工具栏的样式

      <swiper indicator-dots="true" indicator-active-color="#1296db" bindchange="swiperChange" style="height: 700rpx;" current="{{current}}">
        <block wx:for='{{options}}' wx:for-index='i' wx:key='i'>
          <swiper-item class="option">
            <editor id="{{options[i].value}}" class="ql-container-answer" placeholder="请输入选项{{options[i].value}}" 
              bindstatuschange="onStatusChange" bindready="onEditorReadyAnswer{{i+1}}" bindblur="blurAnswer{{i+1}}" show-img-resize="true" 
              show-img-size="true" read-only="{{readOnly[i]}}">
            </editor>
            <view class="toolbar-answer" catchtouchend="format" hidden="{{keyboardHeight > 0 ? false : true}}" style="bottom: {{isIOS ? keyboardHeight : 0}}px">
              <i class="iconfont icon-charutupian" catchtouchend="insertImage"></i>
              <view class="math" bindtap="insertMathSymbol">
                <image style="width: 50rpx; height: 50rpx;" src="../../../assets/math.png"></image>
              </view>
            </view>
          </swiper-item>
        </block>
      </swiper>


.toolbar-answer{
  box-sizing: border-box;
  padding: 0 10px;
  height: 50px;
  width: 100%;
  position: fixed;
  left: 0;
  right: 100%;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border: 1px solid #ececec;
  border-left: none;
  border-right: none;
  background-color: white;
}