Istvan Posted January 22, 2020 Share Posted January 22, 2020 Hi good people from gsap forums. I have been reading a lot of handy tricks and tips from you and i decided to post a question of my own here. The thing that i am trying to solve is: on scroll (scroll position > 50) i would like to hide the brand name behind a logo, and when the site is scrolled up to the top make it visible again. Now the tricky part is that the logo has some cut outs (it is an svg), and if i put the text behind it, it looks really ugly. I think the solution would be some overflow hidden trick, but i could not find it out. Could you please help me with a similar codepen or any suggestion? Adding an image for quick reference so you can see what i tried to poorly explain :D Much appreciated guys Link to comment Share on other sites More sharing options...
mikel Posted January 22, 2020 Share Posted January 22, 2020 Hey @Istvan, Welcome to the GreenSock Forum. Do these options help you? See the Pen XBJRrr by mikeK (@mikeK) on CodePen See the Pen pqQJyY by mikeK (@mikeK) on CodePen Happy tweening ... Mikel 4 Link to comment Share on other sites More sharing options...
Istvan Posted January 23, 2020 Author Share Posted January 23, 2020 Perfect! Just what I was looking for. Thank you a lot 2 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now