r1599 - trunk/demos/slider
Author: scottjehl
Date: Tue Jan 13 07:15:24 2009
New Revision: 1599
Modified:
trunk/demos/slider/side_scroll.html
Log:
fixed behavior where cursor moves faster than handle on drag - simple style
toggle
Modified: trunk/demos/slider/side_scroll.html
==============================================================================
--- trunk/demos/slider/side_scroll.html (original)
+++ trunk/demos/slider/side_scroll.html Tue Jan 13 07:15:24 2009
@@ -13,7 +13,7 @@
.scroll-content { width: 2440px; }
.scroll-content-item { width: 100px; height: 75px; float: left; margin:
10px; font-size: 3em; padding-top: 25px; text-align: center; }
.scroll-bar-wrap { clear: left; padding: 0 4px 0 2px; margin: 0 -1px
-1px -1px; }
- .scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em;
}
+ .scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em;
margin: 0 auto; }
.scroll-bar-wrap .ui-handle-helper-parent { position: relative; width:
100%; height: 100%; margin: 0 auto; }
.scroll-bar-wrap .ui-slider-handle { top:.2em; height: 1.5em; }
.scroll-bar-wrap .ui-slider-handle .ui-icon { margin: -8px auto 0;
position: relative; top: 50%; }
@@ -34,6 +34,12 @@
//append icon to handle
var handleHelper = scrollbar.find('.ui-slider-handle')
+ .mousedown(function(){
+ scrollbar.width( handleHelper.width() );
+ })
+ .mouseup(function(){
+ scrollbar.width( '100%' );
+ })
.append('<span class="ui-icon ui-icon-grip-dotted-vertical"/>')
.wrap('<div class="ui-handle-helper-parent" /></div>').parent();