ScrollTrigger.isInViewport
ScrollTrigger.isInViewport( Element:Element | String, proportion:Number, horizontal:Boolean ) : Boolean
返回true
如果元素位于视口中。您可以选择性地指定最小比例,例如ScrollTrigger.isInViewport(element, 0.2)
将仅在true
元素的至少20%位于视口内时才返回。
参数
元素: 元素 | 字符串
元素或选择器文本
比例: 数值
元素必须出现在视口中的最小比例,才能返回结果
true
,因此 0.2 表示元素至少有 20% 需要位于视口中,该方法才会返回true
horizontal:布尔值
默认情况下会评估垂直位置,但如果想改为使用水平位置,请将 horizontal 参数设为
true
细节
返回true
如果元素在视口中。
// is any part of the element in the viewport?
if (ScrollTrigger.isInViewport(element)) {
// you can use selector text
// do stuff
}
你可以选择性地指定一个最小比例,因此 0.2 表示只有当元素至少有 20% 位于视口中时才返回:true
如果元素的至少 20% 位于视口中:
// at least 20% of the element must be in the viewport for this to return true
if (ScrollTrigger.isInViewport(element, 0.2)) {
// do stuff
}
默认情况下,它会检查垂直位置,但如果你想检查horizontal水平true
例如:
// check horizontal instead of vertical
if (ScrollTrigger.isInViewport(element, 0.2, true)) {
// do stuff
}
若要查找元素在视口中的精确位置,请参见ScrollTrigger.positionInViewport()方法快速转换任何坐标。