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!