ScrollTrigger.saveStyles
ScrollTrigger.saveStyles( targets:String | Element | Array )
内部记录给定元素当前的内联 CSS 样式,以便当 ScrollTrigger 回滚时(通常用于 refresh() 或 matchMedia() 更改),这些元素也会相应回滚,即使它们有添加/修改内联样式的动画。可以将其视为拍摄内联 CSS 的快照并告诉 ScrollTrigger“当您内部回滚时,请仅重新应用这些内联样式并丢弃其他所有样式”。
参数
targets: 字符串 | 元素 | 数组
类似于选择器的文本
".panel, #logo"
或者是一个元素,或者是一组元素,这些元素当前的内联CSS样式应被内部记录。
细节
内部记录给定元素当前的内联CSS样式,以便当ScrollTrigger恢复时(通常是因为发生了refresh()或者matchMedia()变化),这些元素也会相应地被恢复,即使它们具有添加或修改了内联样式的动画。可以把它想象成对内联CSS拍摄了一个快照,并告诉ScrollTrigger“在内部恢复时,仅重新应用这些内联样式,并丢弃所有其他样式”.
操作指南
示例
ScrollTrigger.saveStyles(".panel, #logo");
ScrollTrigger.saveStyles() 在GSAP中新增于3.4.0版本