跳过主要内容

.offset

.offset( target:String | Element, position:String ) : Number

计算对应的数值偏移量(以像素为单位的滚动位置),即特定元素到达指定位置时的偏移量,例如:

参数

  • 目标对象: 字符串 | 元素

    目标元素

  • 位置:字符串

    以空格分隔形式表示的位置,例如"center center"或者"top 100px"其中第一个值对应目标元素,第二个值对应视口。所以"top 100px"表示的是当目标元素顶部位于视口顶部下方 100 像素的位置时。

返回值 : 数值

数值型偏移量(以像素为单位)

细节

计算对应的数值偏移量(以像素为单位的滚动位置),即特定元素到达指定位置时的偏移量,例如:

// when the top of #box1 hits 100px down from the top of the viewport
let offset = smoother.offset("#box1", "top 100px");

然后你可以像这样滚动到那里:

smoother.scrollTop(offset);

或者将其插入到一个补间动画中:

gsap.to(smoother, {
scrollTop: offset,
duration: 1,
});