about页面

src/directives/tween-animation.ts

@@ -1,13 +1,14 @@
 import { gsap, } from 'gsap'
 import { ScrollTrigger } from 'gsap/ScrollTrigger'
 export default {
-	name: 'tween-animation',
-	mounted(el: HTMLElement) {
+	name: 'tween-Y',
+	mounted(el: HTMLElement, binding: any) {
+		const params = binding.value
 		// if(!binding.value.isGsap)return
 		let dom = document.querySelector('body')
 		gsap.registerPlugin(ScrollTrigger);
 		let tl1 = gsap.timeline();
-		tl1.from(el,1, {y:'30px',opacity:0},)
+		tl1.from(el,1, {y:params || '30px',opacity:0},)
 		ScrollTrigger.create({
 			trigger: el, // 触发器元素
 			start: "top 90%", // 滚动触发器的起始滚动位置
@@ -15,7 +16,7 @@ export default {
 			markers: false, // 开启标注功能
 			animation:tl1,
 			scroller:dom,//设置指定元素为滚动依据
-			scrub:2,
+			scrub:false,
 			// toggleActions: "play reset play reset",
 			// onUpdate:(v)=>{
 			// 	if(v.progress < 0.1){