All Projects → YvesCoding → Vuescroll

YvesCoding / Vuescroll

Licence: mit
A customizable scrollbar plugin based on vue.js for PC , mobile phone, touch screen, laptop.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Vuescroll

V Bar
The virtual responsive crossbrowser scrollbar component for VueJS 2x
Stars: ✭ 216 (-78.74%)
Mutual labels:  component, vue-components, scrollbar
vue-scrolly
Overlay scrollbar for Vue.js.
Stars: ✭ 24 (-97.64%)
Mutual labels:  vue-components, scrollbar
Vue Flip
A Vue.js component to flip elements.
Stars: ✭ 37 (-96.36%)
Mutual labels:  component, vue-components
Liquor Tree
Tree component based on Vue.js
Stars: ✭ 348 (-65.75%)
Mutual labels:  component, vue-components
Vue Rate
Rate component for Vue
Stars: ✭ 199 (-80.41%)
Mutual labels:  component, vue-components
Vue Glide
A slider and carousel as vue component on top of the Glide.js
Stars: ✭ 225 (-77.85%)
Mutual labels:  component, vue-components
Fakescroll
vanilla-js lightweight custom HTML scrollbar
Stars: ✭ 309 (-69.59%)
Mutual labels:  component, scrollbar
Vue Info Card
Simple and beautiful card component with an elegant spark line, for VueJS.
Stars: ✭ 159 (-84.35%)
Mutual labels:  component, vue-components
Vuesax
New Framework Components for Vue.js 2
Stars: ✭ 5,293 (+420.96%)
Mutual labels:  component, vue-components
React Scrollbars Custom
The best React custom scrollbars component
Stars: ✭ 576 (-43.31%)
Mutual labels:  component, scrollbar
Vuep
🎡 A component for rendering Vue components with live editor and preview.
Stars: ✭ 840 (-17.32%)
Mutual labels:  component, vue-components
Vue Infinite Slide Bar
∞ Infinite slide bar component (no dependency and light weight 1.48 KB)
Stars: ✭ 190 (-81.3%)
Mutual labels:  component, slide
Vue Share Buttons
🔗A set of social buttons for Vue.js
Stars: ✭ 34 (-96.65%)
Mutual labels:  component, vue-components
Vue Form Json Schema
Create forms using JSON schema. Bring your components!
Stars: ✭ 253 (-75.1%)
Mutual labels:  component, vue-components
V Chart Plugin
Easily bind a chart to the data stored in your Vue.js components.
Stars: ✭ 188 (-81.5%)
Mutual labels:  component, vue-components
Mint Ui
Mobile UI elements for Vue.js
Stars: ✭ 16,471 (+1521.16%)
Mutual labels:  component, vue-components
Vue Slide Bar
🎢 A Simple Vue Slider Bar Component.
Stars: ✭ 129 (-87.3%)
Mutual labels:  component, slide
Scrollprogress
🛸 Light weight library to observe the viewport scroll position
Stars: ✭ 148 (-85.43%)
Mutual labels:  component, scrollbar
Vue Swatches
🎨 Help the user picking beautiful colors!
Stars: ✭ 456 (-55.12%)
Mutual labels:  component, vue-components
Fish Ui
A Vue.js 2.0 UI Toolkit for Web
Stars: ✭ 861 (-15.26%)
Mutual labels:  component, vue-components

Vuescroll

VersionBuild Status Coverage License Download prettier

Demo

Introduction

Vuescroll is a scrollbar plugin based on Vue.js 2.X, it is very easy to use, no complex options and each option has its default value(It means you don't even have to write any configuration). Just wrap the content by <vue-scroll> and a custom scrollbar will show. It supports:

  • Customizable scrollbar
  • Pull-to-refresh, push-to-load
  • Carousel

Vuescroll's compatibility is the same as Vue.js 2.X.

Demo

  • You can find demo under examples folder of repo.
  • You can see the full features of vuescroll at Live Demo section of the website.

Install

npm i vuescroll -S

# OR

yarn add vuescroll

Usage

Import and registry

import vuescroll from 'vuescroll';
import Vue from 'vue';

Vue.use(vuescroll);

// OR

Vue.component('vue-scroll', vuescroll);

Wrap the content by vue-scroll

<div class="container">
  <vue-scroll>
    <div class="content"></div>
  </vue-scroll>
</div>

Documentation

For detailed docs, please see Guide section on the website.

Communication

  • Wechat
Demo
  • Twitter

@wangyi70991

License

MIT By Yves Wang(Wangyi Yi)

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].