scroll2

Jquery plugin to make scrolls behave and look like the OSX scrolls.

See it in action here

Options

size: Size in px for the bars (default is 7)

railColor: Color used for the rail in the scrollbars (default is '#aaa')

barColor: Color used for the bar in the scrollbars (default is '#000'),

timeout: Time of inactivity in ms to hide the scrollbars (default is 1000)

container: object with width and height functions that return the size of the container as a string (ex: '100px', default is '100%' for both height and width as defined in the css)

appendTo: Specify the element to which you want the scrolls to be appended to (deafult is to create a wrapper around the content and append to said wrapper)

vertical: Object containing the vertical bar properties.

horizontal: Object containing the horizontal bar properties.

Bar Properties

active: Determines if the scroll is active (default is true)

margin: The margin to use for the positioning of the bar (default is 2)

trigger: object with two properties, callback which is a function to be called when the scroll hits the edge and the offset to be used (relating to the edge in px and with a default of 0)

Default options example

{
  size: 7,
  railColor: '#aaa',
  barColor: '#000',
  timeout: 1000,
  container: {
    width: '',
    height: ''
  },
  appendTo: undefined,
  vertical: {
    active:true,
    margin: 2,
    trigger: {
      callback: undefined,
      offset: 0
    }
  },
  horizontal: {
    active:true,
    margin:2,
    trigger: {
      callback: undefined,
      offset: 0
    }
  }
}