Как я останавливаю ползунок UI jQuery от скольжения вне поля?
Перейдите в extensions.gnome.org с Firefox или Крещением, затем к "Установленным расширениям". Некоторые могут меня grayed, который означает, что они не доступны в Gnome 3.4, но у других, вероятно, есть зеленый значок слева, с которым можно обновить расширение.
1 ответ
ручка выходит точно на свою ширину за желоб
Точнее, как половина его ширины, поэтому ' на самом деле не движется за край ползунка. При правильном выравнивании снимков экрана вы увидите, что центр ручки находится в конце ползунка, как я и ожидал, для очень точной настройки. Когда левая сторона равна 0%, а правая - 100%, ручка должна немного переместиться за конец, чтобы можно было выбрать эти 100%.
То же самое и при увеличении ручки. Когда в вашем случае ручка перемещается на больше , чем на половину своей ширины по правому краю, тогда я предполагаю, что она выходит на меньше , чем половина слева? Когда немного поигрался с CSS , я получил тот же эффект с огромными ручками, например:
.ui-slider-horizontal .ui-state-default {
/** Defaults:
margin-left: -0.6em;
top: -0.3em;
*/
width: 69px;
height: 140px;
margin-left: -39px;
top: -68px;
}
Еще лучше показано стрелкой, что-то вроде хака:
.ui-slider-horizontal .ui-state-default {
width: 40px;
margin-left: -20px;
top: 15px;
background-color: white;
background-image: url('http://i.stack.imgur.com/ObK9i.png');
background-repeat: no-repeat;
border: 0;
}
Однако , для использования в качестве полосы прокрутки см. Демонстрацию полосы прокрутки , который, кажется, делает то, что вы хотите? Используйте ползунок для управления расположением контента на странице. В этом случае он действует как полоса прокрутки с возможностью захвата значений при необходимости.