Whenever I tried this a few months back we were constantly getting flashes of the footer while scrolling content heavy pages. It just wasnt work it for us imo.
I have a question: for the first method the fixed position can't we use z-index for the page to resolve that too? I mean if we use z-index for the main page when we scroll and the footer is fixed can't that do the same animation?
the method 2 breaks on firefox, it makes the page scrollable after the footer, as it does NOT collapse the extra space created by -top-[100vh], so you will need to add -mb-[100vh] to that same line to fix that on firefox.
Hi, could you please make a tutorial on locomotive scroll? how can I stop scroll when a modal is open, I'm not able to achieve this. Searched everywhere and tried everything but I couldn't achieve this.
There would be multiple ways of doing this, you could toggle an overflow hidden on the main parent when a modal is open. You could also check the library called focus-trap, it’s very nice to manage modals
It's not working property, at first I was following the video but it didn't work properly, so i copy the repo then run it, it's still the same. If anyone got the results as shown in the video can you please share your repo
hi olivier, thanks for the nice content. but when i check the second method using firefox, it gives different behavior (im not sure it was a browser compatibility or else)
hey Olivier!, You are always great, but I have a question, can I use this method for sticky section, like mulltiple sticky sections, and how can I do this for height more than 100vh?
Hey Olivier!❤ Thank you so much for making things so easy and simple❤. Keep growing.❤ When I apply Locomotive it does not work. But with Lenis it works with only position Fixed. It would be really helpful if you could explain the reason.
great work loves it ❤, may you please show us how you added the font to the project because I tried to add so many fonts to my project and it won't work for me, and what is the name of the font you used because it's so good and thank you.
Thank you Oliver, your job is a big inspiration ❤
Nice Demo website - love it! Thanks.
Thanks Oliver. Love your videos. Good Luck.
Nice practical vid thanks!
Thank you for such type of tutorials 🙏
I lovee your tuts, thank you a lot 🤩
Whenever I tried this a few months back we were constantly getting flashes of the footer while scrolling content heavy pages. It just wasnt work it for us imo.
man i'm so happy when you use tailwindcss 😭
i actually learn vanilla css with tailwind 🤣
true
I have a question: for the first method the fixed position can't we use z-index for the page to resolve that too? I mean if we use z-index for the main page when we scroll and the footer is fixed can't that do the same animation?
the method 2 breaks on firefox, it makes the page scrollable after the footer, as it does NOT collapse the extra space created by -top-[100vh], so you will need to add -mb-[100vh] to that same line to fix that on firefox.
Instead of clip path you can set the footer to z-index -1
Cool 🎉 thanks for the tutorial ❤❤❤
you are the best!
Thanks for teaching that.
Looks good
you are the best man
awesome tips... thank you.
perfect timing
I tought it only works with animation library😂 love ur vids btw🔥🔥
man, I was going to implement this animation on my portfolio footer too ☺
Nice!
Hi, could you please make a tutorial on locomotive scroll? how can I stop scroll when a modal is open, I'm not able to achieve this. Searched everywhere and tried everything but I couldn't achieve this.
There would be multiple ways of doing this, you could toggle an overflow hidden on the main parent when a modal is open. You could also check the library called focus-trap, it’s very nice to manage modals
It's not working property, at first I was following the video but it didn't work properly, so i copy the repo then run it, it's still the same. If anyone got the results as shown in the video can you please share your repo
*properly
Hi Oliver, i use gsap scrolltrigger to trigger an animation when the section is revealed. How would you do something like that?
hi olivier, thanks for the nice content. but when i check the second method using firefox, it gives different behavior (im not sure it was a browser compatibility or else)
hey Olivier!, You are always great, but I have a question, can I use this method for sticky section, like mulltiple sticky sections, and how can I do this for height more than 100vh?
Hey Olivier!❤ Thank you so much for making things so easy and simple❤. Keep growing.❤
When I apply Locomotive it does not work. But with Lenis it works with only position Fixed.
It would be really helpful if you could explain the reason.
on the demo on your website the footer have cind of animation. how to do it ?
Not sure which animation you’re referring here
I was looking for same
great work loves it ❤, may you please show us how you added the font to the project because I tried to add so many fonts to my project and it won't work for me, and what is the name of the font you used because it's so good and thank you.
Font is Pangram Pangram Neue World
Any news regarding the course?
Soon! Should be done this summer
Tailwind ❤!
you should make a videos in udemy bro.. surely waiting
bro quit programming and become a model.
Right?? His skin is crazy as well