You’re very welcome ![]()
One page web design - how to slide to sections from the fixed menu, instead of jumping to a new page
…any plans for built-in scroll controls/fx for easing (Ease In, Ease Out, Ease In-Out) for this ?
Thank you but from the demo it does look like this can only do Ease OUT. Not both ways . . . or am I missing something? For me the Ease In-Out is a must.
Try using this smooth scroll snippet in your project, hopefully that will be the effect you are looking for ![]()
Edit: In the code sample below I’ve added “easeInOutCubic” to give you the easing effect you want. You can adjust speed by changing the “speed” value.
<!-- Load the Smooth Scroll library -->
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll@15/dist/smooth-scroll.polyfills.min.js"></script>
<!-- Initialize Smooth Scroll -->
<script>
document.addEventListener('DOMContentLoaded', function () {
var scroll = new SmoothScroll('a[href*="#"]', {
speed: 1000,
easing: 'easeInOutCubic'
});
});
</script>
ok just for fun - elementsapp://downloadDocument/jZMgcFIgxbN3
ignore the date this is me messing with CMS, there is no frontmatter just custom html for day month and year
The date animation is pretty cool, would be fun if it changed as you clicked through the sections ![]()
That a cool idea I’ll take a look at that tomorrow, that would be smart
basic version, testing, split the CMS for ease, left it fixed at top for now
I tried this, and it works nicely on a simple page. However, it gets messy on more complex pages that use Scroll IDs. At least on my site, it never scrolls back to the exact ID position—it always seems to miss the target, even after adjusting the top offset with scroll-mt-[80px] as recommended.
I also tried the MultiThemes Utility Custom Scroll that was suggested, but I couldn’t get it to work at all. ;-(
For future versions of Elements, I’d love to see smooth scrolling and reliable smooth Easy IN OUT scroll-to-ID support built directly into the UI. This is implemented elsewhere - Blocs, Webflow, Framer .. .Slow start, slow end . (similar to AE animation curve for easy out and easy in.)

