Search the Community
Showing results for tags 'scroll smoother'.
Found 3 results
-
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!
-
How to fixed any section using GSAP scroll smoother and scroll trigger
nafiul09 posted a topic in GSAP
Hello guys, So I am facing a small problem related to scroll smoother and scroll trigger. I have explained the whole problem in this 4 mins video. Can anyone help me to get this fixed please. Video link: https://www.loom.com/share/11acaf84a85a40f8a616db46a7aacdb5 Thanks, Nafiul -
Hello, I have a question about scroll smoother. I am currently using it for a new project on my local host. On my computer the site works very well and there is nothing to complain about. Now I have put the project on my notebook to present it next week. I noticed that my notebook obviously has problems displaying scroll smoother smoothly. The RTX2060 graphics card is running at about 50% when I scroll the page. I partly use data-lag, pinned elements and a smooth effect with 1 second of lag. Making a codepen demo is almost pointless, as it won't reflect the project. But is there a trick so that it also works on slower computers? I think that if it doesn't run smoothly on a notebook, it won't run at all on a smartphone. I also can't imagine that scroll smoother was designed to only run on fast computers. So are there things to consider? I would also like to add that I do not use any CSS transforms. I am very grateful for any kind of support.
