與jQuery選擇工作 - 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選擇器，以便將其移至NEXT片段，而無需複製/粘貼該片段15次以上進行上下移動。

我找不出任何東西。每段該塊內包裝：

<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'部分。所以每個div都會有一個不同的ID，你需要將這些內容提供給這個小片段來讓它滾動？

使用數組和整數變量來跟蹤在數組中移動的方式。

//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（）&下移（）函數。

希望有所幫助。