jQueryツールを使用したjQuery UIスライダスクロール可能

Question

jQuery UI slider elementを使用してjQuery Tools Scrollableを制御する例（またはチュートリアル）を見たことがありますか？私は、タイムライン型のページを構築するために探していて、その中に垂直スクロール可能な可能性を持つ水平スクロール可能にしたい。 jquery UIに組み込まれているようなスライダを使って制御したい場合。

何かが既に存在していると確信しているときに、私は車輪を再発明したくないでしょう。

Answer 1

あなたはイースリー例えば、スクロール可能な要素のseekTo機能にスライダーのchangeイベントをリンクすることができます。

$(".slider").slider({ 
    change: function(event, ui) { 
      myScrollable.seekTo($(".slider").slider("value") , 0); 
    } 
}); 

をし、別のがあるのならば、あなたはまた、（スクロールが移動した後、スライダーを更新したいです移動する方法）。

var myScrollable = $(".scrollable"). scrollable({ 
    onSeek:function(){ 
      $(".slider").slider("value" , myScrollable.getIndex()); 
    } 
})