与jQuery选择工作 - ScrollTo

我与jQuery的ScrolTO插件工作：http://demos.flesler.com/jquery/scrollTo/在这个网站：www.imfrom.me 与jQuery选择工作 - ScrollTo

我必须向上导航箭头和向下，截至目前我使用：

$('.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 -->

来源

2009-07-09 Coughlin

不是一个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（）&下移（）函数。

希望有所帮助。

来源

2009-07-09 01:29:40

与jQuery选择工作 - ScrollTo

回答

相关问题