Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/KevinHoughton/vue-scroll-to
Adds a directive that listens for click events and scrolls to elements.
https://github.com/KevinHoughton/vue-scroll-to
Last synced: about 1 month ago
JSON representation
Adds a directive that listens for click events and scrolls to elements.
- Host: GitHub
- URL: https://github.com/KevinHoughton/vue-scroll-to
- Owner: KevinHoughton
- License: mit
- Created: 2016-08-22T12:37:57.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2018-05-04T08:39:13.000Z (about 6 years ago)
- Last Synced: 2024-03-29T12:46:28.820Z (2 months ago)
- Language: JavaScript
- Size: 18.6 KB
- Stars: 17
- Watchers: 3
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome-vue - vue-scroll-to - Adds a directive that listens for click events and scrolls to elements. (Components & Libraries / UI Utilities)
- awesome-vue - vue-scroll-to - Adds a directive that listens for click events and scrolls to elements. (Components & Libraries / UI Utilities)
- awesome-vue - vue-scroll-to - Adds a directive that listens for click events and scrolls to elements. (Components & Libraries / UI Utilities)
- awesome-vue - vue-scroll-to - Adds a directive that listens for click events and scrolls to elements. (Components & Libraries / UI Utilities)
- awesome-vue - vue-scroll-to - Adds a directive that listens for click events and scrolls to elements. (Components & Libraries / UI Utilities)
- awesome-vue - vue-scroll-to - Adds a directive that listens for click events and scrolls to elements. (Components & Libraries / UI Utilities)
- awesome-vue - vue-scroll-to - Adds a directive that listens for click events and scrolls to elements. (Components & Libraries / UI Utilities)
- awesome-vue - vue-scroll-to - Adds a directive that listens for click events and scrolls to elements. (Components & Libraries / UI Utilities)
- awesome-vue - vue-scroll-to - Adds a directive that listens for click events and scrolls to elements. (Components & Libraries / UI Utilities)
- awesome-vue - vue-scroll-to - Adds a directive that listens for click events and scrolls to elements. (UI Utilities / Scroll)
- awesome-vue - vue-scroll-to - Adds a directive that listens for click events and scrolls to elements. (UI Utilities / Scroll)
- awesome-vue - vue-scroll-to - Adds a directive that listens for click events and scrolls to elements. (Components & Libraries / UI Utilities)
- awesome-vue - vue-scroll-to ★13 - Adds a directive that listens for click events and scrolls to elements. (UI Utilities / Scroll)
README
[](https://www.npmjs.com/package/vue-scroll-to)
# vue-scroll-to
[Vue.js](https://github.com/vuejs/vue) directive that listens for click
events and scrolls to elements.
## Install
With [npm](http://npmjs.org) do:
```bash
$ npm install vue-scroll-to --save
```
or
```bash
$ yarn add vue-scroll-to
```
## Usage
Please note that it's necessary to use single quotes within the double quotes
of the directive when defining the class and padding.
```js
import Vue from 'vue';
import vueScrollTo from 'vue-scroll-to';
Vue.use(vueScrollTo, options);
```
```html
Scroll to .element
Hi. I'm element.
```
## Variables in directive
```html
v-scroll-to="', '"
```
Default:
* `padding-in-px`: 0
## Settings
Default `options`:
* `speed` = 500 - Animation speed.
* `padding` = 0 - You can set default global padding, which will override
when put `padding-in-px` value inline with `v-scroll-to`.
* `movingFrequency` = 15 = Number of steps of animation.
## License
MIT