xiaoluoboding / Vue Stroll
Licence: mit
📜 Vue.js + Stroll.js. Awesome CSS list scroll effects for Vue2.x.
Stars: ✭ 150
Projects that are alternatives of or similar to Vue Stroll
Machine Learning With Ruby
Curated list: Resources for machine learning in Ruby
Stars: ✭ 1,693 (+1028.67%)
Mutual labels: list
Awesome Mongodb
🍃 A curated list of awesome MongoDB resources, libraries, tools and applications
Stars: ✭ 1,887 (+1158%)
Mutual labels: list
Awesome Pico 8
A curated list of awesome PICO-8 resources, carts, tools and more
Stars: ✭ 1,955 (+1203.33%)
Mutual labels: list
Web Development Resources
A list of useful resources for Web Developers! Put it in your bookmarks and contribute something ❤️
Stars: ✭ 128 (-14.67%)
Mutual labels: list
Awesome Streaming
a curated list of awesome streaming frameworks, applications, etc
Stars: ✭ 1,879 (+1152.67%)
Mutual labels: list
Swipelayout
A library what allows you to execute a swipe for the android platform
Stars: ✭ 150 (+0%)
Mutual labels: list
Awesome Healthcare
Curated list of awesome open source healthcare software, libraries, tools and resources.
Stars: ✭ 1,826 (+1117.33%)
Mutual labels: list
Machine Learning Tutorials
machine learning and deep learning tutorials, articles and other resources
Stars: ✭ 11,692 (+7694.67%)
Mutual labels: list
Awesome Tinkerpop
A curated list of useful libraries for Apache TinkerPop3 and Tinkerpop2
Stars: ✭ 140 (-6.67%)
Mutual labels: list
Awesome Scientific Python
A curated list of awesome scientific Python resources
Stars: ✭ 127 (-15.33%)
Mutual labels: list
Fastai Extensions Repository
A list of extensions for the fastai library.
Stars: ✭ 125 (-16.67%)
Mutual labels: list
Apple Device Model List
All Apple devices model name list. 通过内部编号判断 iOS 设备型号。
Stars: ✭ 149 (-0.67%)
Mutual labels: list
Coinlist
Comprehensive list of cryptocurrencies with metadata
Stars: ✭ 148 (-1.33%)
Mutual labels: list
Xamarin.bindings
A list of existing Xamarin binding libraries.
Stars: ✭ 146 (-2.67%)
Mutual labels: list
vue-stroll
Vue.js + Stroll.js. Awesome CSS list scroll effects for Vue2.x. See Demo
Installation
npm i vue-stroll -S
CDN
Use this URL for development
https://rawgit.com/xiaoluoboding/vue-stroll/master/dist/vue-stroll.min.js
Use this URL in production
https://cdn.rawgit.com/xiaoluoboding/vue-stroll/master/dist/vue-stroll.min.js
Import
ES6
import VueStroll from 'vue-stroll'
CommonJS
var VueStroll = require('vue-stroll');
script
<script type="text/javascript" src="vue/dist/vue.min.js"></script>
<script type="text/javascript" src="vue-stroll/dist/vue-stroll.min.js"></script>
<script type="text/javascript">
var VueStroll = window['vue-stroll'];
</script>
Usage
script
new Vue({
el: 'body',
data: {
el: '#app ul',
effect: 'cards',
collection: [
'One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine', 'Ten'
]
},
components: { VueStroll }
});
html
<!-- Dynamic props -->
<vue-stroll :el="el" :collection="collection" :effect="effect"></vue-stroll>
Props
Name | Type | Desc | Example |
---|---|---|---|
el | String | The element you will bind | "#app ul" |
collection | Array | The list you will render | ['One', 'Two', 'Three', 'Four', 'Five'] |
effect | String | The awesome effects style |
wave See Demo
|
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].