2011-08-08 8 views
0

これはすでに回答済みで実装されているような気がしますが、正しい用語やキーワードを見つけることができません。jQuery Tools Scrollable

私はここで一種のsubnavとしてスクロールを使用しています: http://www.thepit-raleigh.com/press/

それは時間の5つの項目を示しています。スクロール可能なページの現在のページのリンク/イメージが、そのページにあるときに表示されるようにするにはどうすればよいですか。

例では、6番目のページ/リンク(http://www.thepit-raleigh.com/press/herald-sun/)は現在、そのページにはスクロール可能な項目の6番目の項目が表示されません。事前に

おかげで、 キーファー

答えて

1

あなたはseekTo(index, speed)機能を使用することができるはずです。例:

<script> 
    $(window).load(function() { 
     var api = $(".subnavScrollable").data("scrollable"); 
     api.seekTo(5, 1000);  
    }); 
</script> 
+0

ありがとう、クリス。これは、与えられたページでは絶対に動作します。 長期的には、ページのインデックスに基づいてスクロール可能なものを動的に移動するものを追加できるようにしたいと考えています。分かりますか? seekTo> 5、しかし<10、seekTo 5、> 10、<15、seekto 10などを決定するためにページのインデックスを取る数学。 – Keefer

+0

URLのidをマップできるようにするだけです。たとえば 'herald -sun'を配列のインデックスに追加します。 「5」。次に、上のコードの '5'を自動派生インデックスで置き換えることができます。あなたはJSでこれを行うことができますが、これを行うことができれば、サーバ側ではおそらくもっと簡単になります。 – ChrisA

+0

理にかなっていますが、私のスキルセットをはるかに超えています。 サーバ側では、PHPで何かできます。それらのプレスページのそれぞれには一意のページ変数があります。どういうふうにそれらにリンクできるか不思議です。 – Keefer

関連する問題