Update README.md

Add perfect-scrollbar limitations.
This commit is contained in:
Jun 2016-11-06 22:41:15 +09:00 committed by GitHub
parent 25e5be13ff
commit b3b1bc2454

View File

@ -106,23 +106,27 @@ You can fork the following JSFiddles for testing and experimenting purposes:
* [Perfect Scrollbar](https://jsfiddle.net/DanielApt/xv0rrxv3/) * [Perfect Scrollbar](https://jsfiddle.net/DanielApt/xv0rrxv3/)
* [Perfect Scrollbar (jQuery)](https://jsfiddle.net/DanielApt/gbfLazpx/) * [Perfect Scrollbar (jQuery)](https://jsfiddle.net/DanielApt/gbfLazpx/)
## Requirements ## Before using perfect-scrollbar
To make this plugin *perfect*, some requirements were unavoidable.
But, they're all very trivial and there is nothing to worry about.
The following requirements should meet. The following requirements should meet.
* the container must have a 'position' css style. * the container must have a 'position' css style.
* the container must be a normal container element.
* PS may not work well in `body`, `textarea`, `iframe` or flexbox.
The following requirements are included in the basic CSS, but please The following requirements are included in the basic CSS, but please
keep in mind when you'd like to change the CSS files. keep in mind when you'd like to change the CSS files.
* the container must have an 'overflow:hidden' css style. * the container must have an 'overflow: hidden' css style.
* the scrollbar's position must be 'absolute'. * the scrollbar's position must be 'absolute'.
* the scrollbar-x must have a 'bottom' css style, and the scrollbar-y * the scrollbar-x must have a 'bottom' css style, and the scrollbar-y
must have a 'right' css style. must have a 'right' css style.
Please keep in mind that perfect-scrollbar won't completely emulate native
scrolls. Scroll hooking is generally considered as bad practice, and
perfect-scrollbar should be used with care. Unless custom scroll is really needed,
please consider using native scrolls.
## How to use ## How to use
First of all, please check if the container element meets the First of all, please check if the container element meets the