Backtop

Basic usage

Information
Make sure the scroll container height is defined.
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
  • Scroll down
<script setup lang="ts"> import { NmorphBacktop, NmorphScroll } from "@nmorph/nmorph-ui-kit"; </script><template> <div class="backtop-basic-usage-overview"> <NmorphScroll width="100%" height="260px"> <ul class="backtop-basic-usage-overview__content"> <li v-for="(_, idx) in Array.from({ length: 200 })" :key="idx"> Scroll down </li> </ul> <NmorphBacktop design="plain" :right="24" :bottom="24" :visibility-height="80" /> </NmorphScroll> </div> </template>

NmorphBacktop Api

Attributes

Slots

Events

Resolution is not supported

Open the documentation on a device with a screen size of at least 375px by 640px.