滾動到元素旁邊的元素

Question

當我單擊一個箭頭按鈕時，窗口會滾動到下一個元素，但當向下滾動並單擊一個隨機元素時，它將首先返回到之前單擊的元素，或者，如果我不點擊，它會轉到第一個元素。

我希望它滾動旁邊的當前點擊元素。一切都在冒泡。

的網站，我工作，在那裏出現的情況 - http://dawidjarzabek.pl/test

的jQuery：

var currentElement = $(".post"); 

$('.post #nav a.prev').click(function() { 
    currentElement = currentElement.prev(); 
    $.scrollTo(currentElement, 800); 
}); 

$('.post #nav a.next').click(function() { 
    currentElement = currentElement.next(); 
    $.scrollTo(currentElement, 800); 
}); 

HTML：

<div id="1" class="section"> 

    <div class="post position"> 
     <div id="photo"><center><img src="photos/studio/1.jpg" /></center></div> 
     <div id="nav"><a class="prev"><img src="images/icon_top.png" /></a><a class="next"><img src="images/icon_bottom.png" /></a></div> 
     <div id="text"> 
      <h1>Modelka: </h1> 
      <h2></h2> 
      <h1>Wizaż : </h1> 
      <h2></h2> 
     </div> 
    </div> 
    <div class="post position"> 
     <div id="photo"><center><img src="photos/studio/2.jpg" /></center></div> 
     <div id="nav"><a class="prev"><img src="images/icon_top.png" /></a><a class="next"><img src="images/icon_bottom.png" /></a></div> 
     <div id="text"> 
      <h1>Modelka: </h1> 
      <h2></h2> 
      <h1>Wizaż : </h1> 
      <h2></h2> 
     </div> 
    </div> 
</div> 

[the rest .post and .section] 

Answer 1

試試這個：

$('.post #nav a.prev').click(function() { 
    $.scrollTo($(this).closest('.post').prev(),800); 
}); 

$('.post #nav a.next').click(function() { 
    $.scrollTo($(this).closest('.post').next(),800); 
}); 

你沒有存儲變量currentElement。 ;）