[UPDATE] Solved! For those having problems with Lenis installed, with scroll lock occurring in nested elements, modal box, for example, you need to create a custom attribute, in my case for the container of the template used by the modal box: data-lenis-prevent="" cheers
@@nico.10diaz for the page or element, (or perhaps a template) that is "scroll-locked",, just paste data-lenis-prevent="" into the "Attribute" field, located under advanced tab setting. This is for Elementor page builder. Cheers
I love the smooth scroll it gives, great tutorial! One issue I am having is anchor links scrolling down then jumping back to the point of origin. Any experience with this on your own sites? Cheers!
Hi Jacob, Loving the content a lot! Hoping for some more GSAP down the road ☺ For the Lenis install I'm running into an issue on one of my sites. I've installed it on another one succesfully last week however today I'm running into a 403 error. Is there any obvious setting that I might have overlooked which is causing this to occur? At least one you might be aware of or out of experience can anticipate that would be a possiblity... Thank you so much.
Hey Saidah. Thank you so much I’m glad that you like it! 🙏🏻 yes I will definitely do some GSAP tuts in the future. I’m sorry but I have never had that problem myself? The only thing I can come up with is to put the style sheets into internal embedding under settings/CSS print method. That’s works for me sometimes!? 🖥❤️
Hey Jacob, thank you for the reply. Appreciate it. I checked with the server host and it was a security limitation they had on their server backend. This has been adjusted and all is good now. @@JacobVinjegaard
Hi there - works fine till I get to the socket... it does not scroll (using mouse wheel - with browser scroll bar no problem to scroll ) to the very bottom, so that I cant see the complete line of the socket (where I have my terms & conditions and other legal stuff)... any idea? Without the code it works as it should. Using elementor pro. Thanks
Hi Pedro. First of all I would like to thank you for watching the video. Right now I don’t know way it do not work but try to post the link and I will see if I can figure it out. 🖥❤️
Great tutorial, seems simple but when i add the code to my website, i cannot scroll the page. like the mouse position is stuck. any ideas would be great
Great vid Jacob. I just have one question, Im trying to set the scroll position to 0,0 whenever the user changes useLocation on the React website im coding but I cant get it to work. Have any tips?
Hey Jimmy. I’m glad you like the video! I’m sorry to say it but that’s a bit over my pay grade and security level. 😅 Sorry but I can’t help out with native React coding. 🖥❤️
Hi John. First of all I’m glad you like it! Yes that sounds likely… I have had a lot of problems with pop up’s over the time. Try to go into Elementor/settings/advanced/CSS print method and switch from external to internal and then back. That have worked for me in the past. I’m sorry to say it but Elementor is not as stable as it just to be, and specifically not when you start to adding custom code. 🙃
@@JacobVinjegaard Thanks a lot for the quick reply. Sadly the suggestion didnt work even after regenerating css and clearing cache. That's fine, still a very nice smooth effect and i prefer it over locomotive scroll.
Hi Jacob, the thing is that I've added scroll snap to my page so with that on this isn't working, it's disabling the whole mouse scroll, let me know if you have fix for that!
Lenis smooth scroll makes the scroll inside the Elementor popup stop working, do you know how to solve it? I believe you have to add data-lenis-prevent=”” somewhere to prevent lenis from being activated within the popup
First off all thank you for watching my videos... Yes that's correct you should give it a custom CSS attribute. 🖥❤️ here is the link on how to work with custom attributes: elementor.com/help/custom-attributes-pro/
Hi Theo. I'm not quite sure what you mean, but if you have overflow problems and want to get rid of your horizontal scroll, I've made a video on how to get rid of it with CSS!? 😊 ua-cam.com/video/Gc_nAiElaPk/v-deo.html
thanks for your reply.@@JacobVinjegaard it's the exact same on your website landing page, when you scroll over the video it goes jagged. when the mouse touches the video viewport.
Hey Jacob, thanks for the awesome tutorial, for some reason, my scrolling stutters and is not buttery smooth. Tried it on multiple macs, same result. Using only Ele pro
Hi Madara, im glad you like the tut! 🙏🏻 Sounds strange... i have tested it on multi Elementor and Webflow sites with no problems!? it could be a memory issue on your webserver. try to send med the HTML link to the site and i will give it a look! 🖥❤️
Hey Reeya. Everything works just fine here in my end. But try to go on the Lenis GitHub page and update the code to the latest version then it’ll probably fix your problem. 🖥❤️
Hi Frank... Thanks for the comment. thats most likely due to the CDN in your webserver or browser cache. clear bought or wait 12 to 48 hours the im sure it will work! 🖥❤️
Crazy content, easy and intuitive. You are the first to bring something beautiful to Elementor with this graphics and quality. Keep up the good work 🖤
Thanks brother! I’m glad you like my videos! Computer Love 🖥❤️
Straightforward and easy to use 😌 Love this kind of content
Thanks buddy I’m glad you like it! 🖥❤️
Helped me a lot. thanks!
You are welcome brother! 🖥❤️
Wow this is awesome - and motion effects still work and so does GSAP!
Yes sir… everything works perfect! it’s just beautiful! 🖥❤️
Working smoothly!!
Thanks for the easy GSAP code🥰
You are welcome. I’m glad you like it! 🖥❤️
great sir its working thank you so much
I’m glad you like it! 🖥❤️
Awesome, thank you sir and would luv more web styling tips and easy coding tricks!
thanks for the tutorial! btw color grading looks amazing on facecam!
Thanks Péter i'm glad you like the video! I'm just using my old GH4 for the facecam... But it still rocks! 😊👍
it worked perfectly, thanks man ✊
You are welcome bro... I'm glad it was helpful! 🖥❤
worked like a charm
Perfect... I'm glad you like it! 🖥❤️
[UPDATE] Solved! For those having problems with Lenis installed, with scroll lock occurring in nested elements, modal box, for example, you need to create a custom attribute, in my case for the container of the template used by the modal box: data-lenis-prevent="" cheers
Perfect... Thanks! ❤️🖥
Could you share with me how you did this? Please. Thank you
@@nico.10diaz for the page or element, (or perhaps a template) that is "scroll-locked",, just paste data-lenis-prevent="" into the "Attribute" field, located under advanced tab setting. This is for Elementor page builder. Cheers
@@borisnieminen677 Perfect! Thank u so much for share and take a time to response.
I love the smooth scroll it gives, great tutorial! One issue I am having is anchor links scrolling down then jumping back to the point of origin. Any experience with this on your own sites? Cheers!
Thanks for watching! Just go into the Lenid GitHub and update the JavaScript link. Then it should work. 🖥❤️
Hi Jacob, Loving the content a lot! Hoping for some more GSAP down the road ☺
For the Lenis install I'm running into an issue on one of my sites. I've installed it on another one succesfully last week however today I'm running into a 403 error. Is there any obvious setting that I might have overlooked which is causing this to occur? At least one you might be aware of or out of experience can anticipate that would be a possiblity...
Thank you so much.
Hey Saidah. Thank you so much I’m glad that you like it! 🙏🏻 yes I will definitely do some GSAP tuts in the future.
I’m sorry but I have never had that problem myself? The only thing I can come up with is to put the style sheets into internal embedding under settings/CSS print method. That’s works for me sometimes!? 🖥❤️
Hey Jacob, thank you for the reply. Appreciate it. I checked with the server host and it was a security limitation they had on their server backend. This has been adjusted and all is good now. @@JacobVinjegaard
thank you perfect!
You are welcome! 🖥❤️
awesome!! thank u a lot, i'm waiting for new tutorials please!!!
Hi Daniela. I'm glad you like it. i promise to upload again soon! 🖥❤️
AMAZING DUDE! U R THE BEST!
THANKS BRO! 🖥❤️
Excellent!
I'm Glad you like it! 🖥❤
Muchas gracias, funciona perfectamente! :)
De nada... Gracias por ver mis videos! 🖥❤️
¡Muchas gracias por compartir!
De nada... Me alegro que te haya gustado el vídeo! 🖥❤️
Wow. Amazing. I get to keep the scroll effects :P Is there way to adjust the ease in/out
I’m glad you like it! Yes you should dive deeper into it though the GitHub documentation. 🖥❤️
Thanks for the share ! I believe it is the same for GSAP then ? But I saw some explanation claiming it was better to enqueue on child theme ?
You are welcome. Yes it should be more or less the same workflow for GSAP. Yes child themes are always a good idea. 🖥❤️
Hi again it’s just happened for me to when I uploaded WP and Elementor. Hopefully this will be fixed with an update soon!? 🙃
Hi there - works fine till I get to the socket... it does not scroll (using mouse wheel - with browser scroll bar no problem to scroll ) to the very bottom, so that I cant see the complete line of the socket (where I have my terms & conditions and other legal stuff)... any idea? Without the code it works as it should. Using elementor pro. Thanks
Hi Pedro. First of all I would like to thank you for watching the video. Right now I don’t know way it do not work but try to post the link and I will see if I can figure it out. 🖥❤️
Me pasa lo mismo. El footer no se me visualiza como corresponde
Can it also be applied on Bricks? Great content! Another subscriber for yah!
Hi Marion... Thanks for the comment and sub! 🙏🏻 Yes im pretty sure it will work just fine in Briks, as long you have acces to the body/end tag. 🖥❤️
Great vid!
Thanks Mihai. I’m glad you like it! 🖥❤️
Nice!!!!
Yes. This is a good one! 😁🖥❤️
amazing
Thanks! 🖥❤️
nice
Thanks for watching! 🖥❤️
New sub over here! Great stuff
Thanks! 🖥❤️
Great tutorial, seems simple but when i add the code to my website, i cannot scroll the page. like the mouse position is stuck. any ideas would be great
hmmmmm... Do you have any other custom code on you site that it can conflict with? 🖥❤️
Am I the only one noticing the weird flickering towards the end of a scroll animation?
I haven’t had any problems with it so far. Can you link your website? 🖥❤️
Great vid Jacob. I just have one question, Im trying to set the scroll position to 0,0 whenever the user changes useLocation on the React website im coding but I cant get it to work. Have any tips?
Hey Jimmy. I’m glad you like the video! I’m sorry to say it but that’s a bit over my pay grade and security level. 😅
Sorry but I can’t help out with native React coding. 🖥❤️
@@JacobVinjegaard Aww Damn, Thanks for the response!
Amazing! Love how smooth the scroll is but there is an issue. Elementor popups seem to lose the ability to scroll for some reason.
Hi John. First of all I’m glad you like it! Yes that sounds likely… I have had a lot of problems with pop up’s over the time. Try to go into Elementor/settings/advanced/CSS print method and switch from external to internal and then back. That have worked for me in the past. I’m sorry to say it but Elementor is not as stable as it just to be, and specifically not when you start to adding custom code. 🙃
@@JacobVinjegaard Thanks a lot for the quick reply. Sadly the suggestion didnt work even after regenerating css and clearing cache. That's fine, still a very nice smooth effect and i prefer it over locomotive scroll.
Can you please make a video on locomotive smooth scroll also. Thanks in advance
Yes that would be a great idea! 🖥❤️
Hi Jacob, the thing is that I've added scroll snap to my page so with that on this isn't working, it's disabling the whole mouse scroll, let me know if you have fix for that!
Hey. Lenis do not work with scroll snap. Sorry. 🖥❤️
Lenis smooth scroll makes the scroll inside the Elementor popup stop working, do you know how to solve it? I believe you have to add data-lenis-prevent=”” somewhere to prevent lenis from being activated within the popup
First off all thank you for watching my videos... Yes that's correct you should give it a custom CSS attribute. 🖥❤️
here is the link on how to work with custom attributes:
elementor.com/help/custom-attributes-pro/
cool tutorial, quick question how do i add the noise BG on your website?
Thanks I’m glad you like it. You can buy the grain overlay on my website. 🖥❤️
thanks ! Do you have information about horizontal scrolling always for Elementor ?
Hi Theo. I'm not quite sure what you mean, but if you have overflow problems and want to get rid of your horizontal scroll, I've made a video on how to get rid of it with CSS!? 😊
ua-cam.com/video/Gc_nAiElaPk/v-deo.html
Hey this is awesome. however when you hover over a video widget. It causes it to glitch heaps?
Hi. I’m glad you like it! Hmmm that sounds strange I haven’t had that problem before. Every thing works just fine in my end? 🖥❤️
thanks for your reply.@@JacobVinjegaard it's the exact same on your website landing page, when you scroll over the video it goes jagged. when the mouse touches the video viewport.
Hey Jacob, thanks for the awesome tutorial, for some reason, my scrolling stutters and is not buttery smooth. Tried it on multiple macs, same result. Using only Ele pro
Hi Madara, im glad you like the tut! 🙏🏻 Sounds strange... i have tested it on multi Elementor and Webflow sites with no problems!? it could be a memory issue on your webserver. try to send med the HTML link to the site and i will give it a look! 🖥❤️
@@JacobVinjegaard thanks, just checked it on my PC and it works smoothly
@@madarauchiha5433 perfect!!! Computers some days work just like the good lord… in mysterious ways! 😅
Hi, this doesn't work in firefox and safari browser
Hey Reeya. Everything works just fine here in my end. But try to go on the Lenis GitHub page and update the code to the latest version then it’ll probably fix your problem. 🖥❤️
Does anyone know how to also apply the smooth scrolling to horizontal scroll?
Hi. How hav you set up the horizontal scroll?
This does NOT work if you use Hello theme child
Hi Allen. sounds strange? I will test it myself and be right back. 🖥❤️
works only when I'm logged in.
Hi Frank... Thanks for the comment. thats most likely due to the CDN in your webserver or browser cache. clear bought or wait 12 to 48 hours the im sure it will work! 🖥❤️
Hi Jacob, i cleared the browser cache and it only works when i am logged in, it does not show when i am in incognito mode. @@JacobVinjegaard
does not work on mobile
No it do not work on mobile straight out of the box... Check out the documentation on GitHup for more info and how to set it up on mobile. 🖥❤️
Not working elementor 2024
You are right. I will update the code asap. 🖥❤️