https://github.com/alekseypleshkov/vue-scroll-show

Showing the element if the user reached it after scroll
https://github.com/alekseypleshkov/vue-scroll-show

vue vue-directive vue-plugin vue-scroll vuejs2

Last synced: 8 days ago
JSON representation

Showing the element if the user reached it after scroll

• Host: GitHub
• URL: https://github.com/alekseypleshkov/vue-scroll-show
• Owner: AlekseyPleshkov
• Created: 2017-11-22T09:24:34.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-03T15:57:54.000Z (almost 2 years ago)
• Last Synced: 2024-05-16T01:03:40.197Z (6 months ago)
• Topics: vue, vue-directive, vue-plugin, vue-scroll, vuejs2
• Language: JavaScript
• Homepage:
• Size: 1.11 MB
• Stars: 10
• Watchers: 2
• Forks: 1
• Open Issues: 16
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Vue Scroll Show

Showing the element if the user reached it after scroll

## Installation

```js

npm i --save-dev vue-scroll-show

```

```js

import VueScrollShow from 'vue-scroll-show'

Vue.use(VueScrollShow)

```

#### SSR (Nuxt.js)

```js

import VueScrollShow from 'vue-scroll-show/dist/ssr.index'

Vue.use(VueScrollShow)

```

## Usage

```html

```

or with options

```html



  Show one from parentId

  Show two from parentId



Show three without parentId

Show four with offset 500

```


## Directive options

| Option | Description |

| ------ | ------ |

| active | Add classes if element in display area |

| delay | Timeout to add classes to element |

| offset | Screen offset to add class to element |

| parentId | Id parent element for starting add classes to directive elements |