加入官方微信群

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

返回
网页编辑器
MooKwai块交互矩阵滚动

矩阵滚动

矩阵滚动(Matrix Scroll),一组以矩阵或网格形式排列的元素,在滚动进入或离开视图时的动画效果。

文章目录

配置选项

起始点

String | Function 设置容器进入视图的点位。

结束点

String | Function 设置容器离开视图的点位。

// 字符串形式
"top center"
"bottom 80%"
"top bottom-=100px"

// 函数
// 使用 '()' 或 'function' 开头的内容将自动识别为函数内容。如果需要使用当前选择器,使用 '::selector' 代替。
() => '+=' + ::selector.offsetWidth
function() {
  return '+=' + document.querySelector('.box').offsetWidth
}

设备

Select 选择所支持的设备。

事件

元素的矩阵滚动共包含4种事件:

  • 入场:向下滚动时,元素的顶点到达开始位置时触发。
  • 离场:向下滚动时,元素的顶点到达结束位置时触发。
  • 返回-入场:向上滚动时,元素的顶点到达结束位置时触发。
  • 返回-离场:向上滚动时,元素的顶点到达开始位置时触发。

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

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