jquery UI - 滑块处理程序出错位置..

时间:2012-12-20 13:19:58

标签: jquery jquery-ui

在我制作了一个示例滑块之后,我将处理程序设置为自定义高度。但是在顶端,它会被隐藏起来,而它的底部会被移出。

任何人都可以帮助“重新调整处理程序大小的正确方法是什么?”

我的代码:

$(function() {
    $('#sample').slider({orientation:'vertical'});
});​

的CSS:

.ui-slider {
    position: relative;
    height: 300px;
    width: 20px;
    line-height: 20px;
    border-radius: 2em;
    background: #CCC;
    margin-left:50px;
}
.ui-slider-handle.ui-state-default {
    display: block;
    cursor: move;
    height:100px;
    margin-left:4px;
    margin-top:0.2em;
    background: #333
}​

jsfiddle here

0 个答案:

没有答案