Jquery ui jQueryUI滑块句柄跳转

我正在使用jQueryUI滑块。如果我将控制柄的高度更改为高于标准值（20px），然后单击滑块控制柄并将其向任意方向移动-滑块控制柄将跳跃几个像素

我希望它不要反弹

.ui滑块.ui滑块句柄{
高度：30px；
} 
$（函数（）{
$（“.slider vertical”）.slider({
方向：“垂直”，
});
});

您只需更改

.ui滑块手柄的底部边距，如下所示：


.ui-slider .ui-slider-handle{
    height: 30px;   
    margin-bottom:-15px;
}

手柄的位置与其高度有关。默认情况下，控制柄的高度为1.2em，为了使控制柄在其位置上居中，会给控制柄一个1/2的负底边距，即-0.6em，因此如果需要重新调整控制柄的大小，也必须调整底边距

基本上边距底部=0-高度/2
太好了，太好了，非常感谢！！！我花了大约20个小时寻找这个问题的解决方案，结果证明这个解决方案非常简单。：）答案已经找到了。话题结束了，回答得很好。我的具体问题是旋转90度，所以左右滑动滑块。同样的答案tho。左边距=0-宽度/2
.ui-slider .ui-slider-handle{
    height: 30px;   
    margin-bottom:-15px;
}