[How to remove that pin space if use once true]

@Rodrigo

Thank you very much for your help

 

There are only one issue, basically im using scrollsmoother also so after that 3 box complete page jump to that statring point.

just update my code into codygen 

[How to remove that pin space if use once true]

Hey guys 

 

im  not a expert into scrolltrigger but i have done something.

Problem is if i have use once:true them scroll back receive lot of space

So help to fix that 

Thanks
Renny

See the Pen YzaBzeW by renny-solace (@renny-solace) on CodePen

[how to screen expand on scroll and behind content show]

hey guys 

 

how to that middle line expand to full width and full height and behind content 

 

 var iconsTimeline = gsap.timeline({
                scrollTrigger: {
                  trigger: ".top_home",
                  scrub: true,
                  pin: true,
                  start: "top top",
                  end: "+=500%",
                }
              });

 iconsTimeline
              //outer left top
              .to(".main_home_middle .line", {width: "100%"})
           
              .to(".main_home_middle .line", {height: window.innerWidth})

 

Thanks
Renny