Question

是否有一种简单的方法可以将UI滑块附加到div的一侧以充当其“滚动条”？我不在乎技术上是在div的一侧还是技术上的内部。我只需要UI Slider看起来像div的滚动条。

这将是一个虚假的滚动条，因为div的内容将是动态的，所以我不能去jScrollPane路线。根据UI滑块中的值填充内容。

我陷入了CSS地狱，并且想知道是否有几行解决方案。

非常感谢提前！

Answer 1

你是说这样的意思吗？ http://jsfiddle.net/vooboo13/6TGXj/3/

HTML：

<div id="container">
<div id="box">
    <p>asdf</p>

</div>
<div id="vertical-slider"></div>

使用Javascript：

$(function() {
    $( "#vertical-slider" ).slider({
        orientation: "vertical",
        range: "min",
        min: 0,
        max: 100,
        value: 60,
        slide: function( event, ui ) {
            $( "#amount" ).val( ui.value );
        }
    });
    $( "#amount" ).val( $( "#slider-vertical" ).slider( "value" ) );
});

CSS：

#container{
  float: left;         
  border: 1px solid #000;  
}

#box{
  float: left;
  width: 200px;
  height: 200px;    
}

#vertical-slider{
  float: right;
  height: 200px;    
}

将jQuery UI Slider附加到DIV的一侧（作为DIV的滚动条）

1 个答案: