0

UIスライダーをdivの側面に接続して、そのスクロールバーとして機能させる簡単な方法はありますか？技術的にはdivの側にあるのか、技術的には内部にあるのかは関係ありません。UIスライダーがdivのスクロールバーのように見える必要があります。

divのコンテンツが動的になるため、偽のスクロールバーになります。そのため、jScrollPaneルートに移動できません。コンテンツは、UIスライダーの値に基づいて入力されます。

私はCSSの地獄で立ち往生していて、数行の解決策があるかどうか疑問に思っていました。

よろしくお願いします！

4

1 に答える 1

3

このような意味ですか？ 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;    
}
于 2012-10-04T19:44:22.137 に答える