Javascript Vue

A Vue.js component scrolls to the top of the page1 min read

vue-scroll-up

A Vue.js component scrolls to the top of the page.

Installation

Get from npm / yarn:

npm i vue-scroll-up

yarn add vue-scroll-up

or
just include vue-scroll-up.js to your view like

<script src=’./vue-scroll-up.js’></script>

Usage

Use this inside your app:

import ScrollUp from ‘vue-scroll-up’

export default {
name: ‘app’,
components: {
ScrollUp,
}
}

With Default CSS

import ‘vue-scroll-up/dist/style.css’

or
just include style.css

The scroll button class name is vue-scroll-up

HTML

<scroll-up :scroll-duration=”1000″ :scroll-y=”250″></scroll-up>

Props

Property
Type
Default Value
Description

scroll-duration
Number
1000
Page to top speed.

scroll-y
Number
250
Show button when scrollY equals a number.

GitHub

https://github.com/runkids/vue-scroll-up

React Admin Templates and Themes

Pin It on Pinterest

Generated by Feedzy