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

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

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

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

提前谢谢了！

Answer 1

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

HTML：

 
 
asdf
 
 
 

使用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; }