右边是页面，左边是下滑后，为什么总有点轮播图在上面，求大神解决？

.navbar{

  border-bottom: 1px solid #ccc;

  position: relative;

}

.navbar .title{

  position: absolute;

  width: 750rpx;

  text-align: center;

  left: 0;

  bottom: 20rpx;

  font-size: 30rpx;

  color: #fff;

}

.navbar .bj{

  width: 750rpx;

}

.container{

  width: 750rpx;

  position: fixed;

  left: 0;

  bottom: 100rpx;

  z-index: 100;

  /* border-bottom: 1px solid #ccc; */

}

.swiper{

  width:  750rpx;

  height: 280rpx;

  display: flex;

  justify-content: center;

  align-items: center;

}

/* swiper{

  width:  700rpx;

  height: 280rpx;

  border-radius: 30rpx;

} */

.swiper image{

  width:  700rpx;

  height: 280rpx;

  border-radius: 30rpx;

}