Vasyl Shvets

I just want to show address bar in safari all the time, no matter if I scroll down or up. And I know how to do it(my css above) But with ScrollSmoother i can't do it. As ScrollSmoother dealing with BODY

Hi. You won't see address bar in safari show / hide in codepen. In codepen is fixed. I explained my question very clearly above. p.s. My company have membership. And this is my private profile. So no worries

Hi everyone. I don't write english very well so sorry for that. To avoid hide / show address bar in mobile safari I use this in css: body, html { height: 100vh; width: 100vw; overflow: hidden; } #viewport { height: 100vh; width: 100vw; position: fixed; overflow-x: hidden; overflow-y: scroll; } It solves a lot of problems. For example: vh units (when adding 100vh), pinned blocks, don't need to use ignoreMobileResize, the page does not jump, itc. The page has totaly fixed position! But I use ScrollSmoother, and I can't use body anymore. ScrollSmoother is calculating height and adding to the body. Maybe, can I tell ScrollSmoother to do his work not with body tag? Or can I fix this another way? p.s I didn't add codepen example as it won't show the problem

@GreenSock Thanks !)

i use scroller as i need body position fixed on ios

If you will scroll fast up and down you will see twitching (bouncing). Why is this heppening?

@GreenSock maybe some advice what to read, or some advice what direction i need to move?

@Cassie @GreenSock @PointC @akapowl @SteveS @OSUblake @ZachSaucier @Carl @Jonathan

Hi. everyone! I would like to create a mix-blend-mode effect on fixed element. css "mix-blend-mode: different" not work ok for my needs. As I need this effect (see img example) I need exactlly white color if i scroll on image Maybe i can create this effect on gsap?

When i scroll the text shows later than must be. "start: 'top 60%'" not work correctly

I mean: When i scroll the text show later than i expect. "start: 'top 60%'" not work correctly

When i scroll the text show later than i expect. "start: 'top 60%'" not work correctly

The animation work fine, but div with class 'main' have some space before, so when I start to scroll I dont see 'main' div right away, only after some scroll. How can i remove this space?

Yes, i can. But element with class "text" need to be animated in turn. Can i do that?

Thank you! But i have a problem with nesting, it does not work https://codepen.io/vasyl-shvets/pen/QWOpNpo