入场/离场

配置选项

起始点

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

结束点

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

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

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

* 横向滚动

Boolean 当容器滚动条方向为横向时可勾选。

启用标记

Boolean 开发模式下可启用标记查看滚动的起始点与结束点等。

设备

Select 选择所支持的设备。

参考链接：ScrollTrigger

事件

元素的入场与离场共包含4种事件：

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