Smooth Scroll

zinc · Post by **zinc** » Fri Jul 31, 2026 9:47 am

Pablo

How can I achieve the same smooth scroll as on this site? The page seems to glide.

https://www.latitudecreative.co/about

Z

Post by **Pablo** » Fri Jul 31, 2026 11:29 am

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.

zinc · Post by **zinc** » Fri Jul 31, 2026 1:09 pm

Thank you Pablo - I think the loading time is worth it !!!

bkjohns · Post by **bkjohns** » Fri Jul 31, 2026 7:00 pm

There demo doesn't work in Firefox for me. Latest version. Works fine in Edge.

AliGW · Post by **AliGW** » Fri Jul 31, 2026 8:40 pm

No, it doesn’t work in Firefox.

zinc · Post by **zinc** » Sun Aug 02, 2026 4:15 pm

The link was for demo purposes - please suggest one that works on most browsers if you know of one.

BaconFries · Post by **BaconFries** » 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>

crispy68 · Post by **crispy68** » 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?

zinc · Post by **zinc** » 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

zinc · Post by **zinc** » Mon Aug 03, 2026 8:33 am

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

zinc · Post by **zinc** » Thu Aug 06, 2026 10:12 am

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.

Bluesman · Post by **Bluesman** » Thu Aug 06, 2026 11:46 am

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>

zinc · Post by **zinc** » Thu Aug 06, 2026 11:56 am

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

AliGW · Post by **AliGW** » 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

zinc · Post by **zinc** » Thu Aug 06, 2026 3:53 pm

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.

AliGW · Post by **AliGW** » Thu Aug 06, 2026 5:31 pm

OK. Well, it was a guess. Your example wasn’t working in my browser, as I said.

Good luck.

www.wysiwygwebbuilder.com

Smooth Scroll

Smooth Scroll

Re: Smooth Scroll

Re: Smooth Scroll

Re: Smooth Scroll

Re: Smooth Scroll

Re: Smooth Scroll

Re: Smooth Scroll

Re: Smooth Scroll

Re: Smooth Scroll

Re: Smooth Scroll

Re: Smooth Scroll

Re: Smooth Scroll

Re: Smooth Scroll

Re: Smooth Scroll

Re: Smooth Scroll

Re: Smooth Scroll