3F Design v1.25.0

Scroll-to

Component name: <v-scroll-to>

Examples

Basic

You just scrolled here! Please continue 😀
<div class="app">
  <!-- "air" -->
  <div style="height: 100vh"></div>
  <!-- Trigger scrolling -->
  <v-scroll-to>You just scrolled here! Please continue 😀</v-scroll-to>
  <!-- "air" -->
  <div style="height: 100vh"></div>
</div>
1
2
3
4
5
6
7
8

API

Name Type Description Default
duration Number The duration (in milliseconds) of the scrolling animation. 500
offset Number The offset that should be applied when scrolling. 0
done Event A callback function that should be called when scrolling has ended. -

←