vue-scrollin is a Vue component that scrolls through the different characters on the stand before revealing the correct text.
vue custom scrollin text, vue scroll, vue smooth scroll, vuejs horizontal scroll, vue slimscroll, vuetify scroll to element
How to make use of it:
Install
yarn add vue-scrollin or npm i vue-scrollin
Usage
<template> <VScrollin> this text will scroll </VScrollin> </template>
<script> import VScrollin from 'vue-scrollin' export default { [...] components: { VScrollin } }; </script>
Props
Easily customize the animation with optional props.
Property name | Type | Default | Description |
---|---|---|---|
characters | String/Array | a-z | Characters scrolled through |
misses | Number | 4 | Number of scrolls before the correct letter |
speed | Number | 80 | Delay of each letter scroll (ms) |
scroll-in text component for vue, vue-scrollin Plugin/Github
See Demo And Download
Official Website(shwilliam): Click Here
This superior jQuery/javascript plugin is developed by shwilliam. For extra advanced usage, please go to the official website.