收藏
回答

直播评论滚动到上面渐隐特效?该如何实现,使用什么属性呐?

回答关注问题邀请回答
收藏

6 个回答

  • 简单
    简单
    2020-08-12

    评论滚动是怎么完成得哦,想请教一下

    2020-08-12
    有用
    回复
  • PGee
    PGee
    2020-06-17

    可以试试

    -webkit-mask-image: -webkit-gradient(linear, left top, left 20, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));

    官方用的

    2020-06-17
    有用
    回复
  • Code Weaver
    Code Weaver
    2020-04-29

    给你写了个代码片段:

    https://developers.weixin.qq.com/s/YIWriXm97ugZ

    2020-04-29
    有用
    回复 3
    • who am i
      who am i
      2020-04-29
      因为在直播视频层上,使用的cover-view实现的,这个属性好像在真机上没效果。
      2020-04-29
      回复
    • 👀
      👀
      2020-04-29
      cover-view可能无法实现,view的话是可以的
      2020-04-29
      回复
    • Code Weaver
      Code Weaver
      2020-04-29回复who am i
      我研究下改变文字的。不加蒙层
      2020-04-29
      回复
  • 👀
    👀
    2020-04-29

    -webkit-mask-image 微信官方的用的这个属性

    2020-04-29
    有用
    回复 1
    • who am i
      who am i
      2020-04-29
      cover-view层在真机上貌似没有效果,不知道官方怎么写的了。
      2020-04-29
      回复
  • Admin ²º²⁴
    Admin ²º²⁴
    2020-04-29

    用CSS实现很难,因为是必须用cover-view

    但是可以用cover-image,让美工做一个透明的带渐隐效果的png覆盖在评论的上部第一条评论那里。

    ↓↓↓↓能帮到你是我的荣幸!如果觉得有帮助的话请在顶部回复里点个有用。让其他人碰到同类问题时少走弯路~

    2020-04-29
    有用
    回复 5
    • who am i
      who am i
      2020-04-29
      尝试过,效果不是很好,就是上面一层雾蒙蒙,没有这种渐隐效果。我看有人说用mask-image 这个属性,但是具体不知道怎么使用。
      2020-04-29
      回复
    • Admin ²º²⁴
      Admin ²º²⁴
      2020-04-29回复who am i
      那这个跟PNG有关了,PNG要细调下,PNG是啥效果,呈现的就是啥效果。美工应该懂的。我这边就这么用的。
      2020-04-29
      回复
    • who am i
      who am i
      2020-04-29
      方便把您的图片发过来下,我替换上去看下效果,我总感觉这种效果不理想啊。
      2020-04-29
      回复
    • Admin ²º²⁴
      Admin ²º²⁴
      2020-04-29回复who am i
      抱歉找了下,是甲方的项目,现在不方便给哈
      2020-04-29
      回复
    • who am i
      who am i
      2020-04-29
      小程序名称是什么?我方便进去小程序看下效果吗?
      2020-04-29
      回复
  • Bike
    Bike
    2020-04-29

    设置几个view,样式透明然后层级不同,盖在上面试下,不行当我我随口说的。。。

    2020-04-29
    有用
    回复 6
    • who am i
      who am i
      2020-04-29
      view层好实现,现在是全屏直播,视频层上需要放cover-view标签,这个不知道如何处理了,总是出不来这种效果。
      2020-04-29
      回复
    • 猛犸
      猛犸
      2020-04-29回复who am i
      学习啦
      2020-04-29
      回复
    • 猛犸
      猛犸
      2020-04-29
      我试试看
      2020-04-29
      回复
    • 猛犸
      猛犸
      2020-04-29回复who am i
      有尝试成功吗
      2020-04-29
      回复
    • 猛犸
      猛犸
      2020-04-29回复who am i
      有尝试成功吗
      2020-04-29
      回复
    查看更多(1)
登录 后发表内容
问题标签