scrollTrigger<pin属性-模块叠加>

652 阅读1分钟

知识点

参考更多文档内容

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