Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/kahwee/onescroll
A customizable scrollbar solution for jQuery.
https://github.com/kahwee/onescroll
Last synced: 2 months ago
JSON representation
A customizable scrollbar solution for jQuery.
- Host: GitHub
- URL: https://github.com/kahwee/onescroll
- Owner: kahwee
- License: mit
- Created: 2013-08-09T16:16:56.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2017-05-29T14:37:26.000Z (over 7 years ago)
- Last Synced: 2024-11-10T23:22:47.495Z (3 months ago)
- Language: JavaScript
- Homepage: http://kw.sg/code/onescroll/
- Size: 336 KB
- Stars: 4
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Awesome Lists containing this project
README
## Onescroll
A customizable scrollbar solution for jQuery.
## Dependencies
* [jQuery](http://jquery.com/)
* [jQuery UI](jqueryui.com) (Core, Widget, Mouse and Draggable)
* [jQuery Mousewheel](https://github.com/brandonaaron/jquery-mousewheel)
## Install via Bower
```bash
bower install jquery.onescroll --save
```
## Usage
1. Include jQuery:
```html
```
2. Include plugin's code:
```html
```
3. Call the plugin:
```javascript
$("#element").onescroll({
width: "500px",
height: "300px"
});
```
## Examples
Let's try having four scrollbars, because why not:
```javascript
$("#demo1").onescroll({
height: "200px",
width: "400px",
scrollbars: [{
type: "VerticalLeft",
railPadding: ['2px', '3px'],
railCss: {
}
}, {
type: "VerticalRight",
railPadding: ['40px', '30px'],
railCss: {
}
}, {
type: "HorizontalTop",
railPadding: ['2px', '108px'],
railCss: {
}
}, {
type: "HorizontalBottom",
railPadding: ['2px', '3px'],
railCss: {
visibility: 'hidden'
}
}]
});
```
To access the Onescroll object:
```javascript
yourJQueryElement.data('plugin_onescroll')
```
## Browser support
I have only tested this in the latest browsers.
* Chrome
* Firefox
* Internet Explorer (Only tested in IE10)
* Safari
## Contributing
Check [CONTRIBUTING.md](https://github.com/kahwee/onescroll/blob/master/CONTRIBUTING.md)
## License
MIT License