--- loncom/html/adm/nicescroll/README 2013/07/10 14:03:49 1.1 +++ loncom/html/adm/nicescroll/README 2013/10/14 17:39:41 1.2 @@ -1,5 +1,5 @@ jquery.nicescroll -v. 3.4.0 18-04-2013 +v. 3.5.1 06-27-2013 copyright 2011-12-13 InuYaksa*2013 licensed under the MIT http://nicescroll.areaaperta.com @@ -11,7 +11,7 @@ Nicescroll as a Greasemonkey plugin: htt Nicescroll is a jquery plugin, for nice scrollbars with a very similar ios/mobile style. -NOW support HORIZONAL scrollbar too! +NOW supports HORIZONAL scrollbar too! It supports DIVs, IFrames, textarea, and document page (body) scrollbars. Compatible with all desktop browser: Firefox 4+, Chrome 5+, Safari 4+ (win/mac), Opera 10+, IE 6+. (all A-grade browsers) @@ -73,48 +73,58 @@ Initialize nicescroll ALWAYS in (documen 1. Simple mode, it styles document scrollbar: -$(document).ready( - function() { - $("html").niceScroll(); - } -); + $(document).ready( + function() { + $("html").niceScroll(); + } + ); 2. Instance with object returned: -var nice = false; -$(document).ready( - function() { - nice = $("html").niceScroll(); - } -); + var nice = false; + $(document).ready( + function() { + nice = $("html").niceScroll(); + } + ); 3. Style a DIV and chage cursor color: -$(document).ready( - function() { - $("#thisdiv").niceScroll({cursorcolor:"#00F"}); - } -); + $(document).ready( + function() { + $("#thisdiv").niceScroll({cursorcolor:"#00F"}); + } + ); 4. DIV with "wrapper", formed by two divs, the first is the vieport, the latter is the content: -$(document).ready( - function() { - $("#viewportdiv").niceScroll("#wrapperdiv",{cursorcolor:"#00F"}); - } -); + $(document).ready( + function() { + $("#viewportdiv").niceScroll("#wrapperdiv",{cursorcolor:"#00F"}); + } + ); 5. Get nicescroll object: -var nice = $("#mydiv").getNiceScroll(); + var nice = $("#mydiv").getNiceScroll(); 6. Hide scrollbars: -$("#mydiv").getNiceScroll().hide(); + $("#mydiv").getNiceScroll().hide(); 7. Check for scrollbars resize (when content or position have changed): -$("#mydiv").getNiceScroll().resize(); + $("#mydiv").getNiceScroll().resize(); + +8. Scrolling to a position: + + Scroll X Axis - $("#mydiv").getNiceScroll().doScrollLeft(x, duration); + Scroll Y Axis - $("#mydiv").getNiceScroll().doScrollTop(y, duration); + +8. Scrolling to a position: + +Scroll X Axis - $("#mydiv").getNiceScroll().doScrollLeft(x, duration); +Scroll Y Axis - $("#mydiv").getNiceScroll().doScrollTop(y, duration); * CONFIGURATION PARAMETERS @@ -162,6 +172,7 @@ When you call "niceScroll" you can pass . enablescrollonselection, enable auto-scrolling of content when selection text (default:true) . rtlmode, horizontal div scrolling starts at left side (default:false) . cursordragontouch, drag cursor in touch / touchbehavior mode also (default:false) +. oneaxismousemode, it permits horizontal scrolling with mousewheel on horizontal only content, if false (vertical-only) mousewheel don't scroll horizontally, if value is auto detects two-axis mouse (default:"auto") * LICENSE