diff options
| -rw-r--r-- | demos/slider/side_scroll.html | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/demos/slider/side_scroll.html b/demos/slider/side_scroll.html index ffc4cb759..27dc251a3 100644 --- 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(); |