请问为什么我的position设置为fixed但是还是会随着屏幕移动呢？

wxml:

<view class="" style="z-index:30">
  <button class="button_style" fixed="true">按钮</button>
</view>

css:

.button_style{
  position: fixed;
  top: 50rpx;
  bottom: 50rpx;
  right: 0rpx;
  width:200rpx;
  height:70rpx;
  font-size: 30rpx;
}

刚才是这样的：

但是我拉动屏幕，按钮就消失了。

还望大佬指点小白。