[BACK]Return to README CVS log [TXT] [DIR] Up to [LON-CAPA] / loncom / html / adm / nicescroll

Diff for /loncom/html/adm/nicescroll/README between versions 1.1 and 1.2

version 1.1, 2013/07/10 14:03:49 version 1.2, 2013/10/14 17:39:41
Line 1 Line 1
 jquery.nicescroll  jquery.nicescroll
 v. 3.4.0 18-04-2013  v. 3.5.1 06-27-2013
 copyright 2011-12-13 InuYaksa*2013  copyright 2011-12-13 InuYaksa*2013
 licensed under the MIT  licensed under the MIT
 http://nicescroll.areaaperta.com  http://nicescroll.areaaperta.com
Line 11  Nicescroll as a Greasemonkey plugin: htt Line 11  Nicescroll as a Greasemonkey plugin: htt
   
 Nicescroll is a jquery plugin, for nice scrollbars with a very similar ios/mobile style.  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.  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)  Compatible with all desktop browser: Firefox 4+, Chrome 5+, Safari 4+ (win/mac), Opera 10+, IE 6+. (all A-grade browsers)
Line 73  Initialize nicescroll ALWAYS in (documen Line 73  Initialize nicescroll ALWAYS in (documen
   
 1. Simple mode, it styles document scrollbar:  1. Simple mode, it styles document scrollbar:
   
 $(document).ready(   $(document).ready(
   function() {     function() {  
     $("html").niceScroll();   $("html").niceScroll();
   }   }
 );   );
   
 2. Instance with object returned:  2. Instance with object returned:
   
 var nice = false;   var nice = false;
 $(document).ready(   $(document).ready(
   function() {     function() {  
     nice = $("html").niceScroll();   nice = $("html").niceScroll();
   }   }
 );   );
   
 3. Style a DIV and chage cursor color:  3. Style a DIV and chage cursor color:
   
 $(document).ready(   $(document).ready(
   function() {     function() {  
     $("#thisdiv").niceScroll({cursorcolor:"#00F"});   $("#thisdiv").niceScroll({cursorcolor:"#00F"});
   }   }
 );   );
   
 4. DIV with "wrapper", formed by two divs, the first is the vieport, the latter is the content:  4. DIV with "wrapper", formed by two divs, the first is the vieport, the latter is the content:
   
 $(document).ready(   $(document).ready(
   function() {   function() {
     $("#viewportdiv").niceScroll("#wrapperdiv",{cursorcolor:"#00F"});   $("#viewportdiv").niceScroll("#wrapperdiv",{cursorcolor:"#00F"});
   }   }
 );   );
   
 5. Get nicescroll object:  5. Get nicescroll object:
   
 var nice = $("#mydiv").getNiceScroll();   var nice = $("#mydiv").getNiceScroll();
   
 6. Hide scrollbars:  6. Hide scrollbars:
   
 $("#mydiv").getNiceScroll().hide();   $("#mydiv").getNiceScroll().hide();
   
 7. Check for scrollbars resize (when content or position have changed):  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  * CONFIGURATION PARAMETERS
Line 162  When you call "niceScroll" you can pass Line 172  When you call "niceScroll" you can pass
 . enablescrollonselection, enable auto-scrolling of content when selection text (default:true)  . enablescrollonselection, enable auto-scrolling of content when selection text (default:true)
 . rtlmode, horizontal div scrolling starts at left side (default:false)  . rtlmode, horizontal div scrolling starts at left side (default:false)
 . cursordragontouch, drag cursor in touch / touchbehavior mode also (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  * LICENSE
   
Removed from v.1.1  
changed lines
  Added in v.1.2

FreeBSD-CVSweb <freebsd-cvsweb@FreeBSD.org>