1.0.1 • Published 8 years ago
vue-top v1.0.1
vue-top
A simple Vue.js component to scroll your webpage to the top
Installation
npm install --save vue-topUse with Single File Component
Globally
import VueTop from 'vue-top';
Vue.component('vue-top', VueTop);Locally
import VueTop from 'vue-top';
export default {
components: {
... ,
VueTop,
},
};Use in Browser
Include js file in page
<script type="text/javascript" src="unpkg.com/vue-top@1.0.0/dist/vue-top.min.js"></script>Install as plugin
Vue.use(VueTop);Usage
<vue-top>
<!-- Your HTML CODE -->
</vue-top>Example
<vue-top>
<i class="fa fa-arrow-up" aria-hidden="true"></i>
</vue-top><vue-top>
<img src="path/yourIcon.png"></img>
</vue-top>Properties
| Option | Type | Default | Description |
|---|---|---|---|
| bottom | String | 30px | This property will convert to CSS style property which is the distance from bottom of browser edge |
| right | String | 30px | This property will convert to CSS style property which is the distance from right of browser edge |
| speed | Number | 500 | Scolling speed , the smaller the faster |
| customStyle | Object | Null | Define your own style to the component |