.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,
});