GSAP-ScrollTrigger-ToggleActions

preview_player
Показать описание
x: -400,
duration: 5,
scrollTrigger: {
trigger: h1, //表示當螢幕滑到yellowbox 即可觸發此動畫效果
markers: true,
start: "top 75%",
end: "bottom 25%",
/*
toggleActions: "onEnter onLeave onEnterBack onLeaveBack"
onEnter - scroller-start 向前越過“start”(通常在觸發器滾動到視圖時)
onLeave - scroller-end 向前越過"end"(通常在觸發器滾動出視圖時)
onEnterBack - scroller-end 向後過去“end”(通常當觸發器滾動回視圖時)
onLeaveBack - scroller-start 向後過“start”(通常當觸發器向後淡出視圖時)
"play 播放、pause 暫停、resume 繼續、reverse 倒退、restart 重新開始、reset 重置、complete 完成、none 無" state for choice
*/
toggleActions: "restart pause reverse pause"
}
})
Рекомендации по теме
visit shbcf.ru