急,现在有个需求有个头部固定下面有个滚动的canvas,往上滑动,
发布于 6 年前 作者 lliang 9736 次浏览 来自 问答

急,现在有个需求,有个头部固定,下面有个滚动的canvas,往上滑动,

canvas还是挡住了头部,并且头部是用cover-view写的?有人能解决吗?

<cover-view class='yx_fix'>
    <cover-view class='banner_img'>
      <cover-view class='banner_con'>
        <cover-view class='banner_con_logo'>
          <cover-image src='{{playinfo.pic}}'></cover-image>
        </cover-view>
        <cover-view class='banner_name'>{{playinfo.name}}</cover-view>
      </cover-view>
    </cover-view>

.yx_fix {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 998;
  width: 100%;
}
.banner_img {
  width: 100%;
  height: 294rpx;
  background: #131313;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.banner_con {
  width: 400rpx;
  display: flex;
  align-items: center;
  flex-direction: column;
}
 
.banner_con_logo {
  width: 160rpx;
  height: 160rpx;
  border: 1px solid #ec4b3e;
  /* border-radius: 50%; */
}
 
.banner_con_logo image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: relative;
  z-index: 9;
}
回到顶部