Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   JqueryUI Slider и широкий ползунок (https://javascript.ru/forum/dom-window/25652-jqueryui-slider-i-shirokijj-polzunok.html)

TheKIP 11.02.2012 20:50

JqueryUI Slider и широкий ползунок
 
Есть проблема которую никак не могу победить. Если в слайдере Jquery UI сделать широкий ползунок (к примеру 100px), то передвижение перестает быть адекватным. Если схватить ползунок и начать его тянуть в какую либо сторону, то можно заметить что он вначале "отпрыгивает" в противоположную сторону, а затем начинает двигаться в нужную.

Вот пример http://jsfiddle.net/hp6Ss/

Причем если придвинуть его в упор к какой либо сторон, то эффект усиливается.
В интернете везде рекомендуют добавить ему отрицательный маржин в левую сторону, так и сделал и что бы ползунок не вылазил не в одну из сторон завернул это все в div хелпер, который ограничивает область прокрутки с каждой стороны.

Вообщем оно все равно продолжает скакать. Что бы я не делал.

Причем в этом примере: http://jqueryui.com/demos/slider/#side-scroll
все работает четко.
Я уже разложил их скрипт на составляющие, и попробовал применить у себя вместе с их версткой, но ничего не помогает.

Может кто уже решал такую проблему?

KonstantinGreat 25.10.2012 22:22

такая же беда
 
решение оказалось в margin-left: -(ширина кнопки/2); и все красиво и ничего не выходит за границы:)


Часовой пояс GMT +3, время: 20:12.