fixed behavior where cursor moves faster than handle on drag - simple…

… style toggle
jquery · 7ffeecefc9c89cfb9cfbe1f348f024ec1b284d29 · Scott Jehl committed Jan 13, 2009 · Jan 13, 2009 · 7ffeece
1 parent ca44391
commit 7ffeecefc9c89cfb9cfbe1f348f024ec1b284d29
Unified Split

Showing with 7 additions and 1 deletion.

+7 −1 demos/slider/side_scroll.html
diff --git a/demos/slider/side_scroll.html b/demos/slider/side_scroll.html
@@ -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();