Thanks for the nifty code, Armand.  

What versions of DNN should this work in?  If I remember correctly, jQuery is included in 4.9.1+ (which I am running) but I have no smooth scrolling.  Missing something?

I put the three .js files in my skin folder and edited the script tags' src attributes to point to that folder.

Thanks!
Sam

Actually,

this is the latest one 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

I would just use the one from googlecode instead of from my own server, much better 

Armand Datema

Get my new skin ( lots of design variations [18 headers, 30 titlebars, 30 breadcrumbs, 3 footers ], 50+ typography containers , 50+ page templates and an online theme builder for unlimited skin variations) Aura>

For all your skin conversions

2DNN

Follow me on Twitter

Thanks for this Armand!

I hadn't realised at first the DNN home page had that setup... to me the side sections looked like they'd just be page links so I never bothered clicking them.

I've applied the code as you've presented - worked fine first time... except I'm seeing the red come through at the top from the #content... it disappears when an item is clicked but on first load #section1 is not moving to the very top and leaving this ~5px red gap.

Has that happened to anyone else?