diff options
| author | Scott Jehl <scott@scottjehl.com> | 2009-01-12 17:05:04 +0000 |
|---|---|---|
| committer | Scott Jehl <scott@scottjehl.com> | 2009-01-12 17:05:04 +0000 |
| commit | ff20a3e6a20ae166ec9747fd3d67fa634db75332 (patch) | |
| tree | c68ec3ae6a2ec052ca81dce7ea6c5b2ee84f3663 /demos/slider | |
| parent | 23bb0401225a29f0e1f7254449750d2578c050b6 (diff) | |
| download | jquery-ui-ff20a3e6a20ae166ec9747fd3d67fa634db75332.tar.gz jquery-ui-ff20a3e6a20ae166ec9747fd3d67fa634db75332.zip | |
fixed the jump-click value issue - feels pretty good now
Diffstat (limited to 'demos/slider')
| -rw-r--r-- | demos/slider/side_scroll.html | 9 |
1 files changed, 6 insertions, 3 deletions
diff --git a/demos/slider/side_scroll.html b/demos/slider/side_scroll.html index 39db3f6de..1e8a89421 100644 --- a/demos/slider/side_scroll.html +++ b/demos/slider/side_scroll.html @@ -13,7 +13,8 @@ .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; margin: 0 auto; height: 2em; } + .scroll-bar-wrap .ui-slider { background: none; border:0; height: 2em; } + .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%; } </style> @@ -32,7 +33,9 @@ }); //append icon to handle - scrollbar.find('.ui-slider-handle').append('<span class="ui-icon ui-icon-grip-dotted-vertical"/>'); + var handleHelper = scrollbar.find('.ui-slider-handle') + .append('<span class="ui-icon ui-icon-grip-dotted-vertical"/>') + .wrap('<div class="ui-handle-helper-parent" /></div>').parent(); //change overflow to hidden now that slider handles the scrolling scrollPane.css('overflow','hidden'); @@ -46,7 +49,7 @@ width: handleSize, 'margin-left': -handleSize/2 }); - scrollbar.width('').width( scrollbar.width() - handleSize); + handleHelper.width('').width( scrollbar.width() - handleSize); } //reset slider value based on scroll content position |