https://github.com/demux/sublime-scroll

If you're using react, check out https://github.com/demux/react-minimap
https://github.com/demux/sublime-scroll

Last synced: 23 days ago
JSON representation

If you're using react, check out https://github.com/demux/react-minimap

• Host: GitHub
• URL: https://github.com/demux/sublime-scroll
• Owner: demux
• License: mit
• Created: 2013-03-07T20:30:11.000Z (about 12 years ago)
• Default Branch: master
• Last Pushed: 2017-04-18T01:17:23.000Z (almost 8 years ago)
• Last Synced: 2024-10-28T18:53:47.004Z (6 months ago)
• Language: LiveScript
• Homepage:
• Size: 629 KB
• Stars: 57
• Watchers: 8
• Forks: 9
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome - sublime-scroll - If you're using react, check out https://github.com/demux/react-minimap (LiveScript)

README

        
sublime-scroll

====================

"Sublime Text 2"-style scroll bars. Renders a visual scroll bar on right side of the webpage using css scaling.

Working demo: http://django.is

![django.is screenshot](docs/django.is.png)

## Installation

###Requires:

* jQuery (http://jquery.com/)

### Settings:

Option:            | Type:  | Value: | Default:

------------------ | ------ | ------ | --------

__top__            | int    |        | `0`

__bottom__         | int    |        | `0`

__fixedElements__  | string | List of css selectors seperated by comma | `''`

__scrollWidth__    | int    |        | `150`

__scrollHeight__   | int    |        | `function() {`
`return $(window).height() - this.getTop() - this.getBottom();`
`}`

__contentWidth__   | int    |        | `function() {return $(document).outerWidth(true);}`

__contentHeight__  | int    |        | `function() {return $(document).outerHeight(true);}`

__minWidth__       | int    |        | `null`

__NOTE:__ Any setting can be a function. I order to access other settings within a setting, use setting getters i.e. `this.getContentWidth()` or `this.getAnyCamelCaseSetting()`

See example.html for example code.

## License:

MIT License