加入官方微信群

使用微信扫描二维码
或搜索 weweloo 添加微信好友

返回
MooKwai特色块滚动横幅

滚动横幅

滚动横幅可实现无限循环滚动效果,常用于制作滚动字幕、图像等效果。

文章目录

内容设置

滚动横幅中可插入任何其他区块。

配置选项

基本设置

全局样式

Select 设置区块对应的全局样式。

交互设置

速度

Number 0 – 100 之间的任意数值,整数或浮点数。设置滚动速度。

反向

Boolean 滚动方向朝默认的反方向滚动。

滚动捕捉

Boolean 滚动速度与滚动方向将跟随页面滚动的速度与方向而变化。

设备

Select 选择所支持的设备。

元素

<div class="mk-marquee>
  <div class="el-inner">
    <div class="el-part">...内部区块</div>
    <div class="el-part">...内部区块</div>
    <div class="el-part">...内部区块</div>
    ...
  </div>
</div>

滚动横幅区块提供以下元素的设置:

  • 主容器: .mk-marquee

其他

  • 在滚动横幅中您需要展示的内容仅需设置一个即可,系统会自动拷贝合适的数量以填充容器达到循环的效果。

使用微信扫描二维码
或搜索 weweloo 添加微信好友

加微信
进群聊聊(๑•̀ㅂ•́) ✧