|
7 | 7 | <meta name="generator" content="VuePress 1.4.1"> |
8 | 8 |
|
9 | 9 | <meta name="description" content="Minimalistic but perfect custom scrollbar component for Vue.JS"> |
10 | | - <link rel="preload" href="/vue-custom-scrollbar/assets/css/0.styles.61e260ca.css" as="style"><link rel="preload" href="/vue-custom-scrollbar/assets/js/app.1e12d6fe.js" as="script"><link rel="preload" href="/vue-custom-scrollbar/assets/js/2.33f33591.js" as="script"><link rel="preload" href="/vue-custom-scrollbar/assets/js/7.6cdd591c.js" as="script"><link rel="prefetch" href="/vue-custom-scrollbar/assets/js/3.e78eb4a2.js"><link rel="prefetch" href="/vue-custom-scrollbar/assets/js/4.6830fafa.js"><link rel="prefetch" href="/vue-custom-scrollbar/assets/js/5.264cf4a9.js"><link rel="prefetch" href="/vue-custom-scrollbar/assets/js/6.5476cd4e.js"><link rel="prefetch" href="/vue-custom-scrollbar/assets/js/8.2d2e1d03.js"><link rel="prefetch" href="/vue-custom-scrollbar/assets/js/9.342e3d9c.js"> |
| 10 | + <link rel="preload" href="/vue-custom-scrollbar/assets/css/0.styles.61e260ca.css" as="style"><link rel="preload" href="/vue-custom-scrollbar/assets/js/app.8c265f24.js" as="script"><link rel="preload" href="/vue-custom-scrollbar/assets/js/2.33f33591.js" as="script"><link rel="preload" href="/vue-custom-scrollbar/assets/js/7.9dc36c01.js" as="script"><link rel="prefetch" href="/vue-custom-scrollbar/assets/js/3.e78eb4a2.js"><link rel="prefetch" href="/vue-custom-scrollbar/assets/js/4.6830fafa.js"><link rel="prefetch" href="/vue-custom-scrollbar/assets/js/5.264cf4a9.js"><link rel="prefetch" href="/vue-custom-scrollbar/assets/js/6.ee98daf1.js"><link rel="prefetch" href="/vue-custom-scrollbar/assets/js/8.2d2e1d03.js"><link rel="prefetch" href="/vue-custom-scrollbar/assets/js/9.342e3d9c.js"> |
11 | 11 | <link rel="stylesheet" href="/vue-custom-scrollbar/assets/css/0.styles.61e260ca.css"> |
12 | 12 | </head> |
13 | 13 | <body> |
|
66 | 66 | <span class="token punctuation">}</span> |
67 | 67 | </span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>style</span><span class="token punctuation">></span></span> |
68 | 68 | </code></pre></div><h2 id="options"><a href="#options" class="header-anchor">#</a> Options</h2> <h3 id="swicher-boolean"><a href="#swicher-boolean" class="header-anchor">#</a> <code>swicher {Boolean}</code></h3> <p>Enable or disable this component</p> <p><strong>Default</strong>: <code>true</code></p> <h3 id="tagname-string"><a href="#tagname-string" class="header-anchor">#</a> <code>tagname {String}</code></h3> <p>Component default root element is <code>section</code>, setting other value can change it, for example : <code>div</code></p> <p><strong>Default</strong>: <code>section</code></p> <h3 id="handlers-string"><a href="#handlers-string" class="header-anchor">#</a> <code>handlers {String[]}</code></h3> <p>It is a list of handlers to scroll the element.</p> <p><strong>Default</strong>: <code>['click-rail', 'drag-thumb', 'keyboard', 'wheel', 'touch']</code></p> <h3 id="wheelspeed-number"><a href="#wheelspeed-number" class="header-anchor">#</a> <code>wheelSpeed {Number}</code></h3> <p>The scroll speed applied to mousewheel event.</p> <p><strong>Default</strong>: <code>1</code></p> <h3 id="wheelpropagation-boolean"><a href="#wheelpropagation-boolean" class="header-anchor">#</a> <code>wheelPropagation {Boolean}</code></h3> <p>If this option is true, when the scroll reaches the end of the side, mousewheel |
69 | | -event will be propagated to parent element.</p> <p><strong>Default</strong>: <code>false</code></p> <h3 id="swipeeasing-boolean"><a href="#swipeeasing-boolean" class="header-anchor">#</a> <code>swipeEasing {Boolean}</code></h3> <p>If this option is true, swipe scrolling will be eased.</p> <p><strong>Default</strong>: <code>true</code></p> <h3 id="minscrollbarlength-number"><a href="#minscrollbarlength-number" class="header-anchor">#</a> <code>minScrollbarLength {Number?}</code></h3> <p>When set to an integer value, the thumb part of the scrollbar will not shrink |
| 69 | +event will be propagated to parent element.</p> <p><strong>Default</strong>: <code>true</code></p> <h3 id="swipeeasing-boolean"><a href="#swipeeasing-boolean" class="header-anchor">#</a> <code>swipeEasing {Boolean}</code></h3> <p>If this option is true, swipe scrolling will be eased.</p> <p><strong>Default</strong>: <code>true</code></p> <h3 id="minscrollbarlength-number"><a href="#minscrollbarlength-number" class="header-anchor">#</a> <code>minScrollbarLength {Number?}</code></h3> <p>When set to an integer value, the thumb part of the scrollbar will not shrink |
70 | 70 | below that number of pixels.</p> <p><strong>Default</strong>: <code>null</code></p> <h3 id="maxscrollbarlength-number"><a href="#maxscrollbarlength-number" class="header-anchor">#</a> <code>maxScrollbarLength {Number?}</code></h3> <p>When set to an integer value, the thumb part of the scrollbar will not expand |
71 | 71 | over that number of pixels.</p> <p><strong>Default</strong>: <code>null</code></p> <h3 id="scrollingthreshold-number"><a href="#scrollingthreshold-number" class="header-anchor">#</a> <code>scrollingThreshold {Number}</code></h3> <p>This sets threashold for <code>ps--scrolling-x</code> and <code>ps--scrolling-y</code> classes to |
72 | 72 | remain. In the default CSS, they make scrollbars shown regardless of hover |
|
84 | 84 | <a href="https://github.com/utatti/perfect-scrollbar/wiki/Caveats" target="_blank" rel="noopener noreferrer">Caveats<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a> too.</p> <p>IE<11 is not supported, and patches to fix problems in IE<=10 will not be |
85 | 85 | accepted. When old IEs should be supported, please fork the project and make |
86 | 86 | modification locally.</p> <h2 id="more"><a href="#more" class="header-anchor">#</a> More</h2> <p>Please refer to <a href="https://github.com/utatti/perfect-scrollbar" target="_blank" rel="noopener noreferrer">perfect-scrollbar<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p> <h2 id="license"><a href="#license" class="header-anchor">#</a> License</h2> <p><a href="https://github.com/Binaryify/vue-custom-scrollbar/blob/master/LICENSE" target="_blank" rel="noopener noreferrer">MIT<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></p></div> <footer class="page-edit"><!----> <!----></footer> <!----> </main></div><div class="global-ui"></div></div> |
87 | | - <script src="/vue-custom-scrollbar/assets/js/app.1e12d6fe.js" defer></script><script src="/vue-custom-scrollbar/assets/js/2.33f33591.js" defer></script><script src="/vue-custom-scrollbar/assets/js/7.6cdd591c.js" defer></script> |
| 87 | + <script src="/vue-custom-scrollbar/assets/js/app.8c265f24.js" defer></script><script src="/vue-custom-scrollbar/assets/js/2.33f33591.js" defer></script><script src="/vue-custom-scrollbar/assets/js/7.9dc36c01.js" defer></script> |
88 | 88 | </body> |
89 | 89 | </html> |
0 commit comments