Presentation

Jump-up-module is a small module to add on any site 'scroll to top' when page is higher than viewport. This is an experimental module !

Installing the package

1. Install package :

npm install jump-up-module

2. Import the component from the library :

import { JumpUp } from 'jump-up-module'

3. Example :

import { JumpUp } from 'jump-up-module'

export default function Home() {
  return (
    <>
      <h1>Module Test</h1>
      <JumpUp />
      <p>...Add text more than `100vh`</p>
    </>
  )
}

4. CSS Customize styles :

// CSS Code
.jumpUpContainer {
} // main container
.jumpUpBox {
} // box container
.jumpUpMaterialIcon {
} // material icon customization

Prerequisites

DevDependencies