SScrollComponent

This component allows you to scroll to a specific element using a css selector or to the top|bottom of the page.

Platform  
html
   â”‚    Support  
Chromium supported
Firefox supported
Safari supported
Edge supported
Since  2.0.0
   â”‚   
Olivier Bossel
Olivier Bossel
   â”‚   
beta

  Preview

Scroll to top

Scroll to top
 

Loading code example. Please wait...

  Features

  • Specify an item you want to scroll to using a css selector

  • Scroll to the top or the bottom of the page

  • Support properties like "duration", "offset", etc...

  • Support global theme properties specified in your theme configuration like "offset", "duration", etc...

  Import

  Install

  Interface

  1. to *
    Required
    String

    The target when to scroll. Must be a valid css selector

  2. duration
    300
    number

    Specify the duration of the scroll in ms

  3. offset
    0
    number

    Specify the offset of the scroll in px. Usefull if you have a sticky header, etc...

  4. offsetX
    0
    number

    Specify the offset of the scroll x in px. Usefull if you have a sticky header, etc...

  5. offsetY
    100
    number

    Specify the offset of the scroll y in px. Usefull if you have a sticky header, etc...

Bugs
are not our friends...

Don't hesitate to declare an issue if something does not works as expected.

Declare my issue on Github Talk about it on Discord

The more we are,
the stronger we become.

Don't hesitate to tell some words to you friends about us. The goal is to became more and more each days to help each others...

Support us on Patreon! Share on Facebook! Make a tweet!

The more we are,
the stronger we become.

Don't be afraid to join us on Discord.

Join us on discord!

We love,
Open source!

All of our codebase can be found on Github. We hope that you may contribute to help us make our tools even better!

Discover our codebase!

Welcome on