random bars with scrolltrigger

[Lovestoned]

I want to make all these bars css margin-top:100% at the beginning and set to margin-top:0 randomly via scrolltrigger...

 

how can I do that?

 

thanks...

See the Pen zYwWeyX by ersenturgut (@ersenturgut) on CodePen

[GreenSock]

I don't really understand what you're trying to do, but I'd definitely recommend animating transforms like "y" instead of margin-top if you can because they'll perform better. Here's what I thought you might be looking for: 

See the Pen MWmGWRY by GreenSock (@GreenSock) on CodePen

 

Hopefully that gets you moving in the right direction. 

[Lovestoned]

Ji jack

 

Yes this is what I need exactly. But bars must start from the bottom of the container. And animate like this when scrolling...

[PointC]

If all the bars need to start at the bottom of the container, I would think randomizing the duration would be the way to go. Or maybe I'm not understanding the desired result here. 

 

See the Pen 4c879a2ddc47285fe59044ca5fe04cb1 by PointC (@PointC) on CodePen