组件sticky,有些小问题需要帮忙解决下?
发布于 5 年前 作者 qiangren 8997 次浏览 来自 官方Issues

上图是sticky没有下拉时候效果


下图是sticky浮动的效果,css写的没有问题,这个您能帮忙看下是什么地方的原因么?

2 回复

直接用css来做这个效果试试,给父级加这个样式position:sticky,就可以不用mp-sticky组件来实现

 <mp-sticky>

          <view class="recommendNews">

            <button class="recommendNewsvideosize="minitype="primarystyle="background-color: #ff976a ;  width: 92%; ">ces66666666</button>

            <video loop='trueshow-center-play-btn='falseautoplay='trueclass='recommendNewsvideosrc='https://pinyougaoxiao.oss-cn-zhangjiakou.aliyuncs.com/{{post.newvideo}}poster="https://pinyougaoxiao.oss-cn-zhangjiakou.aliyuncs.com/{{post.img[0]}}"></video>

          </view>

        </mp-sticky>


.recommendNews {

  width: 92%;

  top: 2%;

  right: 3%;

  z-index: 100;

}


.recommendNewsvideo {

  height: 391rpx;

  width: 100%;

  position: relative;

  object-fit: fill;

  margin: 5.6%;

  display: inline-block;

  line-height: 0;

  overflow: hidden;

}

回到顶部