Contains css to make scrollbars look thin
On mobile devices (with touch-events) the browsers own scrollbars are used. Detecting touch-events is done using modernizr (see below)
"Scroll shadows" are added (see demo)
NOTE Version 7.x differ largely from version 6.x and 5.x
var $myContainer = $(aElement).addScrollbar( direction or options );
Including ScrollBooster
bower install https://github.com/FCOO/jquery-scroll-container.git --save
https://FCOO.github.io/jquery-scroll-container/demo/
var $myContainer = $(aElement).addScrollbar( direction or options );
//$myContainer is now a jQuery-element where the contents of the scroll-box can be added or removed
direction: ["vertical"|"horizontal"|"both"] (default:"vertical")"vertical": Only allows vertical scroll and adds left and right margin to contents to make room for the slider."horizontal"Only allows horizontal scroll and adds bottom margin to contents to make room for the slider"both": Allows both vertical and horizontal scroll. Do not add any margin to content
contentClassName: ''. Class-name added to the inner content-containerpaddingLeft: false. Only for direction:'vertical'. Iftruethe container getspadding-leftequal the width of the scrollbar to center content
var myScrollBooster = $(aElement).addScrollBooster(options );
$.fn.getScrollBooster: function()
$.fn.sbUpdate(): function()
$.fn.sbScrollTo: function(left, top)
The package uses class touchevents and no-touchevents for the <html> element as in modernizr test touchevents to enable the use of browser default scrollbar.
modernizr is not included automatic.
The Element.scrollIntoView is partly supported by most browser
A $.fn.scrollIntoView() is added to scroll a jQuery-element into view
This plugin is licensed under the MIT license.
Copyright (c) 2019 FCOO
Niels Holt [email protected]