Page 1 of 1
Smooth Scroll
Posted: Fri Jul 31, 2026 9:47 am
by zinc
Pablo
How can I achieve the same smooth scroll as on this site? The page seems to glide.
https://www.latitudecreative.co/about
Z
Re: Smooth Scroll
Posted: Fri Jul 31, 2026 11:29 am
by Pablo
This is not a standard HTML feature. it's a third party script called Lens:
https://github.com/darkroomengineering/lenis
You can add this to your WWB pages by copy/paste the 3 lines of code to Page HTML.
Note this this will add some extra loading time to your pages.
Re: Smooth Scroll
Posted: Fri Jul 31, 2026 1:09 pm
by zinc
Thank you Pablo - I think the loading time is worth it !!!
Re: Smooth Scroll
Posted: Fri Jul 31, 2026 7:00 pm
by bkjohns
There demo doesn't work in Firefox for me. Latest version. Works fine in Edge.
Re: Smooth Scroll
Posted: Fri Jul 31, 2026 8:40 pm
by AliGW
No, it doesn’t work in Firefox.
Re: Smooth Scroll
Posted: Sun Aug 02, 2026 4:15 pm
by zinc
The link was for demo purposes - please suggest one that works on most browsers if you know of one.
Re: Smooth Scroll
Posted: Sun Aug 02, 2026 4:26 pm
by BaconFries
I agree the link was solely for demonstration only and is a issue with Firefox itself. Zinc try the following by inserting in Page HTML Between the <head></head> tags* and let me know
Code: Select all
<style>
html.lenis, html.lenis body {
height: auto;
}
html {
scroll-behavior: auto !important;
}
</style>
Re: Smooth Scroll
Posted: Sun Aug 02, 2026 9:20 pm
by crispy68
Unless i'm missing something, It seems to work the same in FF as it does Edge. If not, where do I need to look in their demo to see the difference?
Re: Smooth Scroll
Posted: Mon Aug 03, 2026 6:14 am
by zinc
BaconFries wrote: Sun Aug 02, 2026 4:26 pm
I agree the link was solely for demonstration only and is a issue with Firefox itself. Zinc try the following by inserting in Page HTML Between the <head></head> tags* and let me know
Code: Select all
<style>
html.lenis, html.lenis body {
height: auto;
}
html {
scroll-behavior: auto !important;
}
</style>
As always very helpful - Thank you BF
Re: Smooth Scroll
Posted: Mon Aug 03, 2026 8:33 am
by zinc
crispy68 wrote: Sun Aug 02, 2026 9:20 pm
Unless i'm missing something, It seems to work the same in FF as it does Edge. If not, where do I need to look in their demo to see the difference?
I don't have FF, but as it certainly works on Edge as confirmed by Ron
Re: Smooth Scroll
Posted: Thu Aug 06, 2026 10:12 am
by zinc
bkjohns wrote: Fri Jul 31, 2026 7:00 pm
There demo doesn't work in Firefox for me. Latest version. Works fine in Edge.
It works perfectly.
Re: Smooth Scroll
Posted: Thu Aug 06, 2026 11:46 am
by Bluesman
zinc wrote: Mon Aug 03, 2026 6:14 am
BaconFries wrote: Sun Aug 02, 2026 4:26 pm
I agree the link was solely for demonstration only and is a issue with Firefox itself. Zinc try the following by inserting in Page HTML Between the <head></head> tags* and let me know
Code: Select all
<style>
html.lenis, html.lenis body {
height: auto;
}
html {
scroll-behavior: auto !important;
}
</style>
As always very helpful - Thank you BF
This doesn't work for me. But the first one I got works in Edge and Chrome (The two I use):
<link rel="stylesheet" href="
https://unpkg.com/lenis@1.3.25/dist/lenis.css">
<script src="
https://unpkg.com/lenis@1.3.25/dist/len ... "></script>
<script>new Lenis({ autoRaf: true, autoToggle: true, anchors: true, allowNestedScroll: true, naiveDimensions: true, stopInertiaOnNavigate: true })</script>
Re: Smooth Scroll
Posted: Thu Aug 06, 2026 11:56 am
by zinc
Thanks Blueman
In any case, "a kind of smooth scroll" would be a welcome feature in 21 (Which is the point I was trying to make in the first place)
Z
Re: Smooth Scroll
Posted: Thu Aug 06, 2026 12:25 pm
by AliGW
There is smooth scroll already if you use bookmarks (anchors) - it's a tick box option in the properties box. It also works with menus.
Try clicking on menu icons on my camera club site - is this what you want? The speed can be changed.
https://www.eastipswichcameraclub.co.uk/index.php
Re: Smooth Scroll
Posted: Thu Aug 06, 2026 3:53 pm
by zinc
AliGW wrote: Thu Aug 06, 2026 12:25 pm
There is smooth scroll already if you use bookmarks (anchors) - it's a tick box option in the properties box. It also works with menus.
Try clicking on menu icons on my camera club site - is this what you want? The speed can be changed.
https://www.eastipswichcameraclub.co.uk/index.php
That is not what I was talking about. Totally different thing.
Re: Smooth Scroll
Posted: Thu Aug 06, 2026 5:31 pm
by AliGW
OK. Well, it was a guess. Your example wasn’t working in my browser, as I said.
Good luck.