Hello thanks for the link.
So. you currently have that bar set to element trigger, (While scrolling in view) Don’t delete the animation but do delete the while scrolling in view selection. Then click pager trigger (while page is scrolling) and select the same animation. What I would then do is delete the scale points you have then start again. Just to avoid any confusion.
Select that scroll bar element that you want to scale from 0 to 1
at 29% of the page scale to 0 then 80% of the page scale to 1
But we are not quite finished there because:
When playing with percentages of the page one thing to be very wary of is, VH height set elements.
currently you have 2 VH set elements. The scenario goes - You get everything sorted for your computer however when you change to a smaller or larger screen size things are not going to play along nicely.
The (section) element ‘Horizontal scroll’ is set to 800Vh, Change that to 8000 px, that will give that section a decent amount of depth to let those elements fade in and out.
Then you have your ‘hero banner’ (section) element height set to a Vh setting. Change that to something like 600px. it’s a pretty decent size to view that video element that’s inside it.
I can’t see any other Vh set elements however worth just going through that page with a fine tooth comb to double check.
That should fix the problem for the scroll bar. which by the way looks great.
Things to note. If you add/take-away anything to/from that page in the future, it will extend or shorten the page page. You will then need to go in to the animation and adapt the percentages.