https://github.com/bespoyasov/vue-scroller

Vue component wrapper for Scroller.
https://github.com/bespoyasov/vue-scroller

component drag-and-drop scroller ui vue vue-component

Last synced: 3 months ago
JSON representation

Vue component wrapper for Scroller.

• Host: GitHub
• URL: https://github.com/bespoyasov/vue-scroller
• Owner: bespoyasov
• License: mit
• Created: 2019-01-27T11:10:06.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-11-04T13:42:41.000Z (over 1 year ago)
• Last Synced: 2024-04-30T02:22:00.815Z (10 months ago)
• Topics: component, drag-and-drop, scroller, ui, vue, vue-component
• Language: Vue
• Homepage:
• Size: 171 KB
• Stars: 7
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Vue Scroller

Vue wrapper component for [Scroller](https://github.com/bespoyasov/scroller).

## Installation

`npm install vue-prokrutchik`

## Usage

```html

  import Scroller from "vue-prokrutchik";

  export default {

    components: {

      Scroller,

    },

    data() {

      return {

        position: 150,

        duration: 250,

        scrollbar: "visible",

        navigation: "visible",

        align: "center",

        onItemClick: (event) => {

          /* event is Touch event or MouseEvent */

        },

      };

    },

  };

  

    
First Item

    
Second Item

    
Third Item

  


  @import "vue-prokrutchik/style.css";

```

## Configuration

For more configuration options, check out [Scroller settings](https://github.com/bespoyasov/scroller#configuration).