@doggybootsy/dom-router NPM

Simple dom router

Go between pages without reloading and be able to preserve some elements between pages

usage

importing

// CJS
require("@doggybootsy/dom-router");
// ESM
import "@doggybootsy/dom-router";

dom

Reloading scripts

Elements in the head with the selector of head > script[data-router-reload] will we run the script when changing tabs.

Scrolling saving

Elements in the body with the selector of [data-router-scroll][id] will stay at the same section when scrolling like before changing tabs if the other node is found.

Preserve

Elements in the body with the selector of [data-router-preserve][id] will contain the same children and properties as before changing tabs if found.