GSAP属性
defaults
gsap.defaults({overwrite: 'auto', duration: 0.3})
这段代码使用gsap.defaults()方法设置了TweenMax和TweenLite的默认选项。它将overwrite属性设置为'auto'，这意味着TweenMax和TweenLite将自动检测并解决可能的冲突。它还将duration属性设置为0.3秒，这意味着TweenMax和TweenLite将使用0.3秒的时间来完成所有动画。你可以根据需要调整这些选项，以实现你想要的效果。
ease
GSAP库中有许多不同的缓动函数，可以用于控制动画的速度和加速度。这些缓动函数可以通过ease属性来指定。
以下是一些常用的缓动函数：
- Linear.easeNone：匀速运动，没有加速度或减速度。
- Power1.easeIn：缓慢加速，然后突然停止。
- Power1.easeOut：突然开始，然后缓慢减速。
- Power1.easeInOut：缓慢加速，然后缓慢减速。
- Power2.easeIn：缓慢加速，然后更快地加速，最后突然停止。
- Power2.easeOut：突然开始，然后缓慢减速，最后更慢地减速。
- Power2.easeInOut：缓慢加速，然后更快地加速，然后缓慢减速。
- Power3.easeIn：缓慢加速，然后更快地加速，然后更快地加速，最后突然停止。
- Power3.easeOut：突然开始，然后缓慢减速，然后更慢地减速，最后更慢地减速。
- Power3.easeInOut：缓慢加速，然后更快地加速，然后更快地加速，然后缓慢减速。
- Back.easeIn：缓慢加速，然后超过目标值，最后回弹到目标值。
- Back.easeOut：突然开始，然后超过目标值，最后缓慢减速。
- Back.easeInOut：缓慢加速，然后超过目标值，然后缓慢减速。
- Elastic.easeIn：缓慢加速，然后超过目标值，然后反弹几次，最后停止。
Draggable
Draggable.create()方法接受一个对象作为参数，该对象包含以下属性：
- type：要创建的拖动类型。可以是"top"、"left"、"x"、"y"、"scroll"或"rotation"。
- trigger：要触发拖动的元素或选择器。
- bounds：拖动的边界。可以是元素、选择器、数组或对象。
- edgeResistance：拖动到边缘时的阻力。可以是像素值或百分比。
- throwProps：是否启用ThrowPropsPlugin插件。如果设置为true，则可以使用TweenMax或TweenLite等Tween类来模拟物理抛掷效果。
- onPress：当按下鼠标或触摸屏时要执行的回调函数。
- onDrag：当拖动时要执行的回调函数。
- onRelease：当释放鼠标或触摸屏时要执行的回调函数。
- onThrowUpdate：当使用ThrowPropsPlugin插件模拟抛掷效果时要执行的回调函数。
- onThrowComplete：当使用ThrowPropsPlugin插件模拟抛掷效果完成时要执行的回调函数。
- snap：是否启用吸附效果。如果设置为true，则可以指定吸附点或吸附网格。
- snapPoints：吸附点的数组。每个吸附点都是一个对象，包含x和y属性。
- snapMode：吸附模式。可以是"grid"或"points"。
- snapStart：吸附开始时的回调函数。
- snapEnd：吸附结束时的回调函数。
- zIndexBoost：是否在拖动时提高元素的z-index值。如果设置为true，则可以确保元素始终在其他元素的上方。
- cursor：拖动时要使用的光标类型。可以是"grab"、"grabbing"或自定义光标的URL。
- lockAxis：是否锁定拖动的
ScrollTrigger
ScrollTrigger是GSAP的一个插件，它可以帮助你在滚动时触发动画。以下是一些常用的ScrollTrigger属性：
- trigger：触发器元素或选择器，用于指定触发动画的元素。
- start：触发动画的位置，可以是像素值、百分比或关键字（例如"top"或"center"）。
- end：动画结束的位置，可以是像素值、百分比或关键字（例如"bottom"或"center"）。
- scrub：是否启用滚动时的平滑动画效果。
- markers：是否在页面上显示触发器和动画的标记。
- pin：是否固定元素，使其在滚动时保持可见。
- onEnter：当触发器进入视图时触发的回调函数。
- onLeave：当触发器离开视图时触发的回调函数。
- onEnterBack：当触发器从后面进入视图时触发的回调函数。
- onLeaveBack：当触发器从后面离开视图时触发的回调函数。
你可以根据需要使用这些属性来创建自定义的ScrollTrigger动画。有关更多信息，请参阅GSAP文档中的ScrollTrigger部分。
