知识点
字段 | 类型 | 说明 |
---|---|---|
start | String,Number,Function | 确定ScrollTrigger的起始位置。"top center" trigger顶部位置 scroller-star窗口顶部50%位置 ,"bottom 100px" |
pin | Boolean,Element | 钉住目标至窗口运动轨迹位置 参考案例 |
pinSpacing | Boolean,String | 默认情况下,填充将添加到底部(或右水平:true)以将其他元素压下,以便当被固定的元素被取消固定时,以下内容将完美地赶上。否则,内容可能会在固定的元素下面滚动。你可以通过设置pinSpacing: false来告诉ScrollTrigger不添加任何填充。如果你希望它使用边距而不是填充,你可以设置pinSpacing: "margin"。注意:pinSpacing在大多数情况下都有效,但它实际上取决于您设置DOM和CSS的方式。例如,如果你在带有display: flex或position: absolute的父元素中固定了一些内容,额外的填充不会将其他元素向下/右推,所以你可能需要手动将内容分隔开来。pinSpacing只是一个方便,在大多数情况下工作。重要:如果容器是display: flex,则pinSpacing默认设置为false,因为这通常是需要的,因为填充在该上下文中的工作方式不同。 |