0.0.3 • Published 9 years ago
react-nice-scrollbar v0.0.3
react-scrollbar
Simple ScrollArea component built for React.
npm install react-scrollbar --save
Usage examples
var React = require('react');
var ScrollArea = require('react-scrollbar');
var App = React.createClass({
render() {
return (
<ScrollArea
speed={0.8}
className="area"
contentClassName="content"
horizontal={false}
>
Some long content.
</ScrollArea>
);
}
});
React.render(<App/>, document.body);
Then include scrollbar.css file into your project.
Run the example app
git clone https://github.com/souhe/reactScrollbar.git
cd reactScrollbar
npm install
gulp watch
then open http://localhost:8003.
API
Props
<ScrollArea
speed={Number}
className={String}
contentClassName={String}
horizontal={Boolean}
vertical={Boolean}
>
speed
Scroll speed applied to mouse wheel event. Default: 1
className
CSS class names added to main scroll area component.
contentClassName
CSS class names added to element with scroll area content.
horizontal
When set to false, horizontal scrollbar will not be available. Default: true
vertical
When set to false, vertical scrollbar will not be available, regardless of the content height. Default: true