// ScrollTrigger.create({
//     scroller: ".smooth-scroll",
//     trigger: "header",
//     start: "20px top",
//     endTrigger: 'footer',
//     end: () => 'bottom bottom',
//     markers: false,
//     onUpdate: ({ progress, direction, isActive }) => {
//       if (direction == -1) {
//         actionNav.reverse();
//       }
//       if (direction == 1) {
//         actionNav.play();
//       } else if (direction == 1 && isActive == true) {
//         actionNav.play();
//       }
//     }
//   });
//   var actionNav = gsap.to("header", {
//     y: "-=100",
//     duration: 0.5,
//     ease: "power2.in",
//     paused: true,
//   });

ScrollTrigger.create({
    scroller: ".smooth-scroll",
    trigger: "header",
    start: "20px top",
    end: 99999,
    pin: false,
    toggleClass: {targets: "header", className: "active"},
    // markers: true,
  });
  
// gsap.from('header', {
//     scrollTrigger: {
//         scroller: ".smooth-scroll",
//         markers: true,
//         trigger: 'header',
//         start: 'top 10%',
//         end: 'bottom 10%',
//         // toggleActions: 'play reset play reset',
//     },
//     backgroundColor: `rgba(${bgColor}, 0.80)`,
//     duration: 0.5,
//     // onComplete:function() {
//     //      console.log( bgColor );
//     // }
// });