# In-page Navigation System

**URL:** <https://forums.realmacsoftware.com/t/in-page-navigation-system/49845>\
**Category:** Elements API\
**Created:** [August 15, 2025, 11:44pm UTC](https://forums.realmacsoftware.com/t/in-page-navigation-system/49845 "2025-08-15T23:44:47Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [August 15, 2025, 11:44pm UTC](https://forums.realmacsoftware.com/t/in-page-navigation-system/49845/1 "2025-08-15T23:44:47Z")

</div>

I found myself in need of a mechanism to easily jump between anchors on a page. This could have been handled with a megamenu, and in some cases, I will do that. But for this case, I wanted something that was fairly discreet and always present at the bottom left-hand corner of the screen.

It features a button that floats down there and is fully customizable and SVG-based. The contents of the actual menu can be anything, as there is a single drop zone provided by the system into which anything can be dropped. In this case, there is a container, and a Top Pages component is used for the actual anchor jumps.

There is a close button, or a click anywhere outside the menu will close it. A lot ot this was derived from the custom Back to Top component that I created for myself.

Almost all of the properties of the floating button are exposed in the inspector.

Here is what it looks like in action.

![CleanShot 2025-08-15 at 13.35.27](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/3/6/36d753c7df156bf3ce7dc1d3dc5fc487998d63d4.gif)

Here are the settings available in the property inspector.

 ![CleanShot 2025-08-15 at 13.46.38@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/3/837da58bd98396027e81d1917d747bc50d4b7e4c.png)

I called the component SITE-Nav, because the reality is it can do page navigation as well with the Top Pages component. I use anchors in this example to quickly move around the page.

Enjoy!

---

<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:** [August 27, 2025, 10:20am UTC](https://forums.realmacsoftware.com/t/in-page-navigation-system/49845/2 "2025-08-27T10:20:35Z")

</div>

That looks awesome, nice work putting it together 🤩

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [August 27, 2025, 4:49pm UTC](https://forums.realmacsoftware.com/t/in-page-navigation-system/49845/3 "2025-08-27T16:49:38Z")

</div>

Thanks, it was fun!