- ScrollTo

Question

私はjQueryのScrolTOプラグインで働いています：このサイトでhttp://demos.flesler.com/jquery/scrollTo/：www.imfrom.me

私が上下に移動する矢印とを持っているし、今のように私が使用しています：

$('.down_stream').click(function(){ 
     $.scrollTo('#stream', 1500, {easing:'easeOutElastic'});  
    }); 

.down_streamをクリックすると#streamに移動します。下矢印はストリームに移動します。私はjQueryのセレクタを読んで、そのスニペットを上下に動かすために15回以上コピー/ペーストせずにNEXTセグメントに移動するようにしました。

何も分かりませんでした。

<div id="stream" class="box"> 
     <div class="grid_12 arrow up_home"> 
      &uarr; 
     </div> 
     <div class="grid_2"><div class="number-heading">01.</div></div> 
     <div class="grid_10"> 
      <h2 class="content_title">what's been new?</h2> 

      <p>Blah blah blah blah...</p> 
     </div> 
     <div class="grid_12 arrow down_about"> 
      &darr; 
     </div> 
    </div><!-- end strean --> 

Answer 1

ないjQueryの専門家が、私はそれを刺しをあげる：各セグメントは、このブロック内にラップされます。私が正しく理解していれば、上下の矢印をクリックするたびに変更する必要があるのは '#stream'部分です。だから、各部門は異なるIDを持っているので、スクロールするためには、この小さなスニペットにそれらを供給する必要がありますか？

配列内で移動する方法を追跡するには、配列と整数varを使用します。

//initialize the array w/ your 15 div names 
var divNames = ["#stream", "#nextDivName", "#andTheNext", "#yetAnotherDivName"]; 

var index = 0; 

function moveUp() 
{ 
    if((index - 1) >= 0){index--;} 
    move(index); 
} 
function moveDown() 
{ 
    if((index + 1) < (divNames.length)){index++;} 
    move(index); 
} 
function move(p_Index) 
{ 
    $.scrollTo(divNames[p_Index], 1500, {easing:'easeOutElastic'}); 
} 

ボタンのクリックは現在、moveUpという（）& moveDown（）関数を呼び出します。

希望に役立ちます。