Search the Community
Showing results for tags 'fixed position'.
-
fixed position GSAP Scroll Smoother + Fixed Footer (Curtain Effect)
Christine-21 posted a topic in GSAP
Hello everyone! I have been trying to figure this out for so long I decided to ask for help. I'll try to explain the best I can, sorry in advance. As the title says, I want to create a fixed footer. I know that we can't use that with scrollSmoother at least not if they are in the same container. I found a suggestion somewhere here that does the trick but you can't interact with the footer content. My "solution" works well on desktop and footer is interactive, but on mobile the scrolling experience is really bad if not laggy and in some browsers (Opera GX) the footer height gets shifted. Having the margin there might be a bad practice but it kinda works. I'm at lost really i don't know how to figure this out while having interactive footer + smooth scrolling experience. Footer has stylings of absolute and using as height the svh. Thank you!- 4 replies
-
- scroll smoother
- react
-
(and 1 more)
Tagged with:
-
Hi, i try to make a pinned element on my page. If you go to the section "Découvrez mon histoire" all down (or discover link in the menu) the section on the right should be pinned. but i don't understand why, the fixed position is relative to the page instead of the screen. I tried to do the same on codepen, and everything works well. Do you have any idea ? https://justhugo.fr/
- 5 replies
-
- scrolltrigger
- pin
-
(and 4 more)
Tagged with:
-
Hello, I'm using ScrollTrigger animations to animate a main object. It is fixed from the start but at the third section, when the horizontal scroll starts (orange section), it should stay inside the section and scroll horizontally as it's inside the first slide. In few words I tried to pin the black element when the scroll reach the end of the orange section. I tried to change position dynamically (from fixed to relative) but it makes it doesn't work at all. Anyone can help? Thank you in advance!
- 4 replies
-
- scrolltrigger
- horizontal scroll
-
(and 1 more)
Tagged with:
-
Hey Guys, As always this library is awesomazing. I am working with a draggable instance and I want to set an element inside to fixed. I have no problem adding a class to the container on the appropriate position. The problem is, that fixed element still sits inside the draggable instance due to the relative positioning of it. Any way around this? Thanks!