Vertical & horizontal scroll with Scroll Indicator not to bottom

[GSK]

At the bottom you can see the scroll indicator, it should show the position on the page. In this example you can see that it is not ending on the end of the page, but stops way before it actually hits the bottom.

Is there a way i can make the scroll indicator work from the top of the page, until the bottom?

See the Pen XWyMMBK by gkcreative (@gkcreative) on CodePen

[mvaneijgen]

Hi @GSK welcome to the forum!

 

It ends when you say it ends and because you tell the ScrollTrigger nothing it will use the default values. I've updated your end trigger to use "max", this will set it so that it will use the maximum ScrollTrigger distance (eg the end of the page) (I've also set ease: "none", so that the animation is linear all the way, instead of "power1.out" which is the default of tweens. Hope it helps and happy tweening! 

 

See the Pen vYQxxoa?editors=1010 by mvaneijgen (@mvaneijgen) on CodePen

[GSK]

Thanks!

I had the ease:'none' set as global config. Forgot to add this in here.