Siirry sisältöön
Luonnos

useBackToTop

React Hook, joka piilottaa ja näyttää BackToTop-komponentin valmiilla asetuksilla.

React API

Parametrit

  • className

    Ylikirjoittaa painikkeelle annettavat CSS-luokat, jotka asemoivat painikkeen.

    Tyyppi: string

    Oletusarvo: kds-fixed kds-z-back-to-top

  • enabled

    Määrittää onko takaisin ylös -toiminto käytössä. Arvo false myös piilottaa painikkeen.

    Tyyppi: boolean

    Oletusarvo: true

  • minPages

    Määrittää montako vieritettävää "sivua" sivulla tulee olla, jotta takaisin ylös -toiminto aktivoidaan.

    Tyyppi: number

    Oletusarvo: 2

  • offset

    Määrittää kuinka kaukana takaisin ylös -painike sijaitsee sivun oikeasta alareunasta.

    Tyyppi: { bottom: string; right: string }

    Oletusarvo: { bottom: "1rem", right: "1rem" }

  • scrollDelay

    Rajoittaa vieritystapahtuman (scroll) funktiokutsun suorituksen tapahtumaan vain kerran annetun ajan sisällä, suorituskyvyn parantamiseksi.

    Tyyppi: number

    Oletusarvo: 200

  • threshold

    Kynnysarvot takaisin ylös -painikkeen piilottamiseen ja näyttämiseen, kun käyttäjä vierittää sivua.

    Tyyppi: { top: number; bottom: number; scroll: number }

    Oletusarvo: { top: 200, bottom: 200, scroll: 200 }

Paluuarvot

  • props

    Palauttaa props-objektin, jonka voi välittää BackToTop-komponentille.

    Tyyppi: { className: string; isVisible: boolean; style: CSSProperties; }