scrollbar extend according to page scroll.

[Mohamedgad]

hello,

I want my custom scrollbar div to keep extended ( 0 - 100% ) according to page scroll.

the markers is activated the animation according to the view port, but as I want to have the custom div grow ( the height ) I can make the trigger any div on my page and when it reach the markers its working, but I need that to apply on the the page, so its start increasing ( the height directly when I start scroll down from the top until I reach end of page 0 - 100 height.

 

sorry for my English if its not perfect clear.

See the Pen ExmvgrK by Mohamed-Gad (@Mohamed-Gad) on CodePen

[Cassie]

Hey there Mohamed,

 

You can use 0 and 'max' if you want the animation to last for the height of the page - hope this helps!

See the Pen 710cb8924cdad7e583622416807b5dad by cassie-codes (@cassie-codes) on CodePen

[Mohamedgad]

thank you Cassie, that's exactly what I need. and also new info I got, I appreciate your help a lot.