Hi Andrea, Nick here from Elementor! In the 3.25 version, we implemented the new browser-native anchors and CSS smooth-scroll. This means by default the browser should scroll smoothly, unless you have one of the following blocking settings: 1. You have enabled Reduced Motion on your OS or Browser (or disabled animations on your OS or Browser). 2. You have a smooth-scroll script that conflicts with the native CSS smooth-scroll such as Lenis smooth-scroll. Why nº1: - The 'scroll-behavior: smooth;' CSS property is declared inside a 'prefers-reduced-motion: no-preference' @media feature, which respects the visitorr's preferences on motion effects, since a substantial portion of the population suffers from motion sickness. Why nº2: Scripts such as Lenis hijack the scroll behavior, and you need to use the scrollTo() method to handle anchors. The previous Elementor smooth-scroll was also implemented as a script, and it prevented the default behavior of the browser, instead creating its own scroll behavior, which in turn also affected accessibility (motion sickness + removing the anchor link from the URL), and caused some issues with scroll-snap. The script was implemented at a time when there wasn't any native browser support for smooth-scroll (7 years ago), and accessibility was still not easy to implement. In your video, I believe the instant jump to the target was caused by Lenis. If you change Lenis' methods you shouldn't have any issue. I recommend removing lenis and relying on the native CSS implementation as it is much more lighter and also respects the visitor's preferences. I hope this helps! 😉
Hi, talking about pagination, did you experienced issues with loop builder Ajax pagination while having elementor page transition enabled? In my case if you try to go to directly, for example: page 2, the page will reload and send you to page 2, ( I use the filter widget ) but if you click on one of the category (not the default selected) and then click to the main one the Ajax loading will work as intended, Sorry for the long question/explanation, I already contacted elementor support few times since February, they said they will fix this with a future update, almost a year has passed 😥
I did have issues and I found a hot fix, you can check it out here: ohwow.club/lenis-smooth-scroll-in-elementor-hotfix/ let me know if it worked for you ;)
Hi Andrea, Nick here from Elementor!
In the 3.25 version, we implemented the new browser-native anchors and CSS smooth-scroll. This means by default the browser should scroll smoothly, unless you have one of the following blocking settings:
1. You have enabled Reduced Motion on your OS or Browser (or disabled animations on your OS or Browser).
2. You have a smooth-scroll script that conflicts with the native CSS smooth-scroll such as Lenis smooth-scroll.
Why nº1:
- The 'scroll-behavior: smooth;' CSS property is declared inside a 'prefers-reduced-motion: no-preference' @media feature, which respects the visitorr's preferences on motion effects, since a substantial portion of the population suffers from motion sickness.
Why nº2:
Scripts such as Lenis hijack the scroll behavior, and you need to use the scrollTo() method to handle anchors.
The previous Elementor smooth-scroll was also implemented as a script, and it prevented the default behavior of the browser, instead creating its own scroll behavior, which in turn also affected accessibility (motion sickness + removing the anchor link from the URL), and caused some issues with scroll-snap. The script was implemented at a time when there wasn't any native browser support for smooth-scroll (7 years ago), and accessibility was still not easy to implement.
In your video, I believe the instant jump to the target was caused by Lenis. If you change Lenis' methods you shouldn't have any issue.
I recommend removing lenis and relying on the native CSS implementation as it is much more lighter and also respects the visitor's preferences.
I hope this helps! 😉
Nice overview btw! 😊
Thank you ☺️
Thought so. 😅 I will definitely try it out without Lenis
Hi, talking about pagination, did you experienced issues with loop builder Ajax pagination while having elementor page transition enabled? In my case if you try to go to directly, for example: page 2, the page will reload and send you to page 2, ( I use the filter widget ) but if you click on one of the category (not the default selected) and then click to the main one the Ajax loading will work as intended,
Sorry for the long question/explanation, I already contacted elementor support few times since February, they said they will fix this with a future update, almost a year has passed 😥
Hey! No, not that I recall tbh. Do you have any code added to the website? Could it be maybe that there’s a plug-in causing the issue?
no topic directly related to this video. but can you tell me if you also have problems with lenis and elementor since 3.25?
I did have issues and I found a hot fix, you can check it out here: ohwow.club/lenis-smooth-scroll-in-elementor-hotfix/ let me know if it worked for you ;)