vue-scrollable-container2 v2.1.0

Vue Scrollable container

It's component to create custom scrollable area in your app. Uses native js methods for scrolling. Has zero dependencies.

DEMO

CHANGELOG

Install

Browser

<script src="vue.js"></script>
<script src="vscrollbar.umd.min.js"></script>
<link rel="stylesheet" href="vscrollbar.min.css" />

npm

npm i vue-scrollable-container2

Usage

Browser

<div id="app">
  <vscrolbar>
    Something
  </vscrolbar>
</div>

<script src="vue.js"></script>
<script src="vscrollbar.umd.min.js"></script>
<link rel="stylesheet" href="vscrollbar.min.css" />

<script>
new Vue({
  el: '#app',
  components: {
    vscrollbar,
  },
});
</script>

SFC

<template>
  <vscrolbar>
    Something
  </vscrolbar>
</template>

<script>
import VScrollbar from 'vue-scrollable-container2';

export default {
  components: {
    VScrollbar,
  },
};
</script>

Props

Result

<div class="vs-container">
  <div class="vs-wrapper">
    <div class="vs-content">
      Something
    </div>
  </div>
  <div class="vs-scroll vs-scroll--x"></div>
  <div class="vs-scroll vs-scroll--y"></div>
</div>

Notes

tag tag="section" return <section class="vs-conatiner"> Other parts of structure will not changes.

License

MIT

Author

Nikita Rogachev