如下：红框内为scroll-view组件，在安卓机中此时图片是整好铺满屏幕，而且不能拖动的，但是在苹果上还可以往上拖动，并且拖动之后会出现问题，请看下一步

第二步：为了方便调试，我给scroll-view加了pink背景色,给scroll-view里的view加了#ccc背景色，接下来往上拖动，请看下一步.

第三步：继续往上拖动会发现scroll-view中的 view组件都被挤掉了,下面附上代码

第四步： 代码截图

1、顶部栏的wxml代码：

<view class='new_menu'>

    <view class='new_wrap' bindtap='showModel'>

        <image class='new_icon' mode='aspectFit' src='../../img/menu.png'></image>

    </view>

    <scroll-view scroll-x>

        <view class="new_category {{pageId == item.id ? 'active' : ''}}" bindtap="changePage" data-id="{{item.id}}" wx:for="{{category}}" wx:key>{{item.cat_name}}</view>

    </scroll-view>

</view>

2、顶部栏的样式代码:

.new_menu {

    background: #000;

    width: 100vw;

    height: 5vh;

    position: fixed;

    top: 0;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    align-items: center;

}

.new_category {

    color: #999;

    font-size: 24rpx;

    display: inline-block;

    padding: 0 20rpx;

    line-height: 5vh;

    background-color: #ccc;

    z-index: 999999;

}

.new_menu scroll-view {

    height: 5vh;

    width: 85%;

    background-color: pink;

    white-space: nowrap;

    box-sizing: border-box;

}

.new_icon {

    width: 5vh;

    height: 26rpx;

    margin-top: 19rpx;

}

.new_wrap {

    background: #000;

    width: 15%;

    height: 5vh;

    text-align: center;

    top: 0;

}

.new_category.active {

    color: #fff;

}

@官方和各路大神，请帮小生指出问题所在