收藏
回答

swiper+video为什么滑动后内容会消失?

现在需求要做一个类似抖音那种全频视频效果,可以上下滑动切换视频,右侧可以评论,点赞。

我目前的写法是用swiper + video + view 定位评论点赞位置,之前也试过cover-view,但是效果不太理想,也是有问题。

现在先说下我目前做的遇到的问题

主要就是轮播图第一个swiper-item可以正常显示右侧评论栏,但是当滑动到第二个swiper-item时候就不见了

开发工具显示没有问题,但是到真机上就有问题了!

这是真机看的第一个图片,中间加个红色方块方便查看效果,视频,底部介绍,跟右侧点赞评论都能正常显示



滑动到第二个swiper-item之后,右侧跟底部就不见了



还有就是这种问题苹果手机除了第一个swiper-item里的评论栏会出现,第二个开始就不会出现了。

小米8测试时第一个swiper-item评论栏会出现,第二个之后会延迟出现


开发工具的效果:


滑动到第二屏


底部跟右侧都会正常显示


最后一次编辑于  2019-10-30
回答关注问题邀请回答
收藏

5 个回答

  • WANGGANG
    WANGGANG
    07-02

    给swiper内video同级元素加上will-change: transform; css属性就可以

    07-02
    有用
    回复
  • lwb
    lwb
    2021-06-17

    同问解决了吗,我也遇到了

    2021-06-17
    有用
    回复
  • 今日份大头🥱
    今日份大头🥱
    2020-03-01

    有解决的办法了吗

    2020-03-01
    有用
    回复
  • 灵芝
    灵芝
    2019-10-30

    麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2019-10-30
    有用
    回复
  • var 友原
    var 友原
    2019-10-30

    右侧跟底部延迟渲染试试

    2019-10-30
    有用
    回复
登录 后发表内容
问题标签