# One page web design - how to slide to sections from the fixed menu, instead of jumping to a new page

**URL:** <https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883>\
**Category:** Elements\
**Created:** [July 1, 2026, 3:31pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883 "2026-07-01T15:31:17Z")\
**Posts on this page:** 11\
**Page:** 2

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [July 2, 2026, 8:31am UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/22 "2026-07-02T08:31:26Z")

</div>

You’re very welcome ☺

---

<div class="post-metadata">

**Author:** ![meonmac](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/meonmac/32/36720_2.png) [@meonmac](https://forums.realmacsoftware.com/u/meonmac)\
**Post date:** [July 3, 2026, 7:23am UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/23 "2026-07-03T07:23:57Z")

</div>

…any plans for built-in scroll controls/fx for easing (Ease In, Ease Out, Ease In-Out) for this ?

---

<div class="post-metadata">

**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\
**Post date:** [July 3, 2026, 8:01am UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/24 "2026-07-03T08:01:34Z")

</div>

> [@meonmac](#):
>
> scroll controls/fx for easing (Ease In, Ease Out, Ease In-Out)

[https://www.multithemes.com/elements/components/custom-scroll/smooth/](https://www.multithemes.com/elements/components/custom-scroll/smooth/)

---

<div class="post-metadata">

**Author:** ![meonmac](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/meonmac/32/36720_2.png) [@meonmac](https://forums.realmacsoftware.com/u/meonmac)\
**Post date:** [July 3, 2026, 8:55am UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/25 "2026-07-03T08:55:47Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [July 3, 2026, 11:30am UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/26 "2026-07-03T11:30:53Z")

</div>

Try using this smooth scroll snippet in your project, hopefully that will be the effect you are looking for 🙂

> **[Adjust Smooth Scroll Speed | RapidWeaver Elements Docs](https://docs.realmacsoftware.com/elements-docs/getting-started/how-to/adjust-smooth-scroll-speed)**
>
> Set the scrolling Anchor speed using Smooth Scroll JS Library.

**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.

```auto
  <!-- 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>

```

---

<div class="post-metadata">

**Author:** ![MultiThemes](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/multithemes/32/25117_2.png) [@MultiThemes](https://forums.realmacsoftware.com/u/MultiThemes)\
**Post date:** [July 3, 2026, 2:37pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/27 "2026-07-03T14:37:27Z")

</div>

> [@meonmac](#):
>
> 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.

# it’s a ‘drop-down’ menu ⬇ 👁

 ![2026-07-03 at 16.36.45@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/c/8cea4151b04ce02259022036a6fc513968e70c72.jpeg)

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [July 6, 2026, 5:21pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/28 "2026-07-06T17:21:32Z")

</div>

ok just for fun - [elementsapp://downloadDocument/jZMgcFIgxbN3](elementsapp://downloadDocument/jZMgcFIgxbN3)

ignore the date this is me messing with CMS, there is no frontmatter just custom html for day month and year

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [July 6, 2026, 7:12pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/29 "2026-07-06T19:12:35Z")

</div>

The date animation is pretty cool, would be fun if it changed as you clicked through the sections 😉

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [July 6, 2026, 7:28pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/30 "2026-07-06T19:28:32Z")

</div>

That a cool idea I’ll take a look at that tomorrow, that would be smart

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [July 7, 2026, 4:25pm UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/31 "2026-07-07T16:25:14Z")

</div>

basic version, testing, split the CMS for ease, left it fixed at top for now

---

<div class="post-metadata">

**Author:** ![meonmac](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/meonmac/32/36720_2.png) [@meonmac](https://forums.realmacsoftware.com/u/meonmac)\
**Post date:** [July 20, 2026, 8:59am UTC](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883/32 "2026-07-20T08:59:20Z")

</div>

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.)

 ![images](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/4/2/428bcac708320e018771564ead338cc7f776fabe.jpeg)

[Previous page](https://forums.realmacsoftware.com/t/one-page-web-design-how-to-slide-to-sections-from-the-fixed-menu-instead-of-jumping-to-a-new-page/56883.md?page=1)