Skip to content

A lightweight Vue component for scrolling content (with sexy scrollbars).

License

Notifications You must be signed in to change notification settings

tserkov/vue-lite-scroll

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

vue-lite-scroll license

A lightweight Vue component for scrolling content (with sexy scrollbars).

Install

# npm
npm install --save vue-lite-scroll
# yarn
yarn add vue-lite-scroll

Use

<template>
  <vue-lite-scroll class="scroll-area">
    <img src="http://via.placeholder.com/200x500/111111/eeeeee?text=Scroll+me!">
  </vue-lite-scroll>
</template>

<script>
  import VueLiteScroll from 'vue-lite-scroll';

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

<style scoped>
  .scroll-area {
    max-height: 100px;
  }
</style>

Props

speed

  • The number of pixels to move per mouse scroll
  • Number
  • Default: 53

thumbWidth

  • The width of the scrollbar thumb
  • Number
  • Default: 6

About

A lightweight Vue component for scrolling content (with sexy scrollbars).

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages