wangpin34 / Vue Scroll
Licence: mit
Scroll directive on vue
Stars: â 238
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Vue Scroll
Vuebar
(ðïž Archived) Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies. Used successfully in production on https://ggather.com
Stars: â 650 (+173.11%)
Mutual labels: scroll, directive, vuejs2
ngx-scroll-to-first-invalid
Directive to scroll to first invalid form control inside an Angular form on submit
Stars: â 27 (-88.66%)
Mutual labels: scroll, directive
Ngx Infinite Scroll
Infinite Scroll Directive for Angular
Stars: â 1,024 (+330.25%)
Mutual labels: scroll, directive
Pd Select
vue components ,like ios 3D picker style,vue 3d éæ©åšç»ä»¶,3Dæ»èœ®
Stars: â 101 (-57.56%)
Mutual labels: scroll, vuejs2
Draggable Vue Directive
Vue2 directive that handles drag & drop
Stars: â 286 (+20.17%)
Mutual labels: directive, vuejs2
V Bar
The virtual responsive crossbrowser scrollbar component for VueJS 2x
Stars: â 216 (-9.24%)
Mutual labels: scroll, vuejs2
Vuemmerce
ð Responsive ecommerce template ð built with Vue.js and Nuxt.js
Stars: â 223 (-6.3%)
Mutual labels: vuejs2
React Scroll Shadow
Pure CSS shadow to indicate more content in scrollable area
Stars: â 229 (-3.78%)
Mutual labels: scroll
Vue Emoji Picker
Very simple, yet powerful, vue emoji picker ðð¥ð
Stars: â 218 (-8.4%)
Mutual labels: vuejs2
Copilot
Responsive Bootstrap 3 Admin Template based on AdminLTE with vue.js
Stars: â 2,698 (+1033.61%)
Mutual labels: vuejs2
Vue Element Loading
â³ Loading inside a container or full screen for Vue.js
Stars: â 234 (-1.68%)
Mutual labels: vuejs2
Shop Vue
It's just a shopping cart experiment using VueJS.
Stars: â 225 (-5.46%)
Mutual labels: vuejs2
Vegascroll
âïž VegaScroll is a lightweight animation flowlayout for UICollectionView completely written in Swift 4, compatible with iOS 11 and Xcode 9.
Stars: â 2,647 (+1012.18%)
Mutual labels: scroll
React Native Swiper Flatlist
ð Swiper component implemented with FlatList using Hooks & Typescript + strict automation tests with Detox
Stars: â 217 (-8.82%)
Mutual labels: scroll
Vuex Feature Scoped Structure
ð Feature scoped Vuex modules to have a better organization of business logic code inside Vuex modules based on Large-scale Vuex application structures @3yourmind
Stars: â 218 (-8.4%)
Mutual labels: vuejs2
Vue Marquee Text Component
[CSS GPU Animation] Marquee Text for vuejs
Stars: â 226 (-5.04%)
Mutual labels: vuejs2
Vue Material Kit
Vue Material Kit - Open Source Material Design UI Kit
Stars: â 231 (-2.94%)
Mutual labels: vuejs2
vue-scroll
scroll directive for vuejs 2.0
For vue 1.x, please use [email protected] Currently its code is in master branch.
Installation
NPM(recommended)
npm install vue-scroll --save
Standalone
Standalone bundle is not support on latest v2.1.0 currently
Simple download from releases and include it in script tag.
Get started
import Vue from 'vue'
import vuescroll from 'vue-scroll'
Vue.use(vuescroll)
Directive v-scroll then can be used in any of your Component.
<template>
<ul v-scroll="onScroll">
<li></li>
</ul>
</template>
...
Method onScroll receives two arguments once scroll event is fired,
- e - event
- position - Object contains scrolling data
- scrollTop Number
- scrollLeft Number
Advanced
throttle and debounce are supported since v2.1.0, you can enable it as global configurations like:
Vue.use(vuescroll, {throttle: 600})
//Or
Vue.use(vuescroll, {debounce: 600})
Override global configurations like
<ul v-scroll:throttle="{fn: onScroll, throttle: 500 }">
<ul v-scroll:debounce="{fn: onScroll, debounce: 500 }">
Demo
You please try the demo hosted on codesandbox: https://codesandbox.io/s/vuescroll-demo-orders-view-f4d3d?fontsize=14
LICENSE
MIT
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].