跳过主要内容

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()方法快速转换任何坐标。

演示

加载中...

无噪 Logo
无噪文档
中文文档 · 复刻官网
查看所有 ↗