<view class="content">
  <!--scroller-->
  <scroll-view scroll-y class="scroller ask {{state=='0'?'active':''}}" bindscrolltoupper="upper"
               lower-threshold='50'
               bindscrolltolower="loadMore(1)">
    <view class="ask-wrapper">
      <block wx:for="{{askList.list}}" wx:for-item="item" wx:key='index'>
        <view class='item ' @tap.stop="gotoDetail({{0}},{{item}})">
          <view class="left">
            <view class="top">{{item.name}}
              <text class='level'>{{item.level}}</text>
            </view>
            <view class="middle">红包：￥{{item.getRedPackNum}}</view>
            <view class="bottom">{{item.date}}</view>
          </view>
          <view class="right">
            <view class="top">{{item.score}}分</view>
            <view class="bottom {{item.state==1?'state1':(item.state==2?'state2':(item.state==3?'state3':''))}}">
              {{item.stage}}/3 {{item.state == 1 ? '已抢光' : (item.state == 2 ? '正进行' : (item.state == 3 ? '已退回' : ''))}}
            </view>

          </view>

        </view>
      </block>
      <block>
        <view class='no-more'>
          没有更多了~
        </view>
      </block>
    </view>

  </scroll-view>
</view>

//wxss

.content {
  width: [@k](/user/k)*345rpx;
  height: [@k](/user/k)*438rpx;
  border-radius: 1*20rpx;
  -webkit-border-radius: 1*20rpx;
  margin: 0 auto;
  box-sizing: border-box;
  overflow: hidden;
  -webkit-overflow: hidden;
  box-shadow: 0 2*2rpx 2*30rpx 0 rgba(0, 0, 0, 0.20);
}
.scroller {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  overflow: hidden;
  -webkit-overflow: hidden;
  border-radius: 1*20rpx;
  -webkit-border-radius: 1*20rpx;
  box-sizing: border-box;
  display: none;

  &.active {
    display: block;

  }
}

在ios系统下,对scroller-view使用了圆角,然后又使用了overflow:hidden情况,还是会出现sroller-view内容滚动时,无法遮住圆角那部分内容…安卓系统下无问题

圆角部分遮住不了,会露出sroller内部内容,安卓系统下没问题