0.0.2 • Published 3 years ago
marko-perfect-scrollbar v0.0.2
marko-perfect-scrollbar
Auto-Scoll for MarkoJS component with perfect-scrollbar, using Perfect-Scrollbar
Installation
npm install marko-perfect-scrollbar --save
or
yarn add marko-perfect-scrollbar
Usage
<AutoScroll class="my-scroll"
height="100%"
style="padding:10px"
noScrollX=true
on-scroll-x("onScollX")/>
Inputs Properties
Common properties you may want to specify include:
class
- apply a class to containerheight
- apply directly a height value to container (px,%,...)style
- apply a CSS style to containerscrollbarLength
- apply width or height to the scrollbarnoScollX
- disable horizontal scroll
For other properties, kindly refer to Perfect-Scrollbar Documentation
Events
on-scroll-x
- This event fires when the x-axis is scrolled in either direction.on-scroll-left
- This event fires when scrolling to the lefton-scroll-right
- This event fires when scrolling to the righton-reach-x-start
- This event fires when scrolling reaches the start of the x-axison-reach-x-end
- This event fires when scrolling reaches the end of the x-axison-scroll-y
- This event fires when the y-axis is scrolled in either directionon-scroll-up
- This event fires when scrolling upwardson-scroll-down
- This event fires when scrolling downwardson-reach-y-start
- This event fires when scrolling reaches the start of the y-axison-reach-y-end
- This event fires when scrolling reaches the end of the y-axis (useful for infinite scroll)
Feedback & Contribution
You know the say: No one is whole alone! So, feedbacks are all welcome. Kindly report any encounted Issues here and I'll be glad to work on it right away. Thank you.
License
This software is free to use under the MIT license. See the LICENSE file for license text and copyright information.
0.0.2
3 years ago