🚨 Disclaimer: Routify 3 is currently in Release Candidate stage.

Please be aware that while the documentation is comprehensive, it may contain inaccuracies or errors. The codebase is also subject to changes that could affect functionality. We appreciate your understanding and welcome any feedback or contributions.

guide

Faq

Can I use hashbased navigation?

Yes, hashbased navigation can be added by creating a URL rewrite.

urlRewrite: {
    toExternal: url => `##123;url}`, // prepend URLs with #
    toInternal: url => url.replace(/^.+#/, ''), // remove leading #
}

How do I host on Github Pages

See Can I use hashbased navigation

Can I enable verbose logging

Yes, to enable verbose logging in Routify, open your browser console and enter __routify.log.level = 4

Note: Make sure that your browser doesn’t filter verbose logging.

Example

How do I get rid of wrapper elements

You can disable the creation of wrapper elements by setting the anchor option to parent, firstChild or header. For more information see Scroll Anchors.