使用動畫Jquery導航到div下面或上面的div： JavaScript的？

我有一個網站，我做了它，因此每個頁面都垂直地位於下方/上方。在同一頁上。我想在屏幕的頂部和底部放置一些箭頭按鈕，所以一旦你點擊它，它或者動畫到它上面的div（如果你點擊屏幕頂部的按鈕）或者動畫到div （如果你點擊底部的按鈕。）使用動畫Jquery導航到div下面或上面的div： JavaScript的？

我在每個div上使用一個最小高度爲100％的類，目前有三個div。

我覺得這不應該太難。如果你能幫助我，這將是美好的。謝謝。

我做了一個小圖片來幫助更具描述性。應該給你一個完整的想法，我在找什麼。 ;）http://i45.tinypic.com/s49ugw.jpg

來源

2012-10-07 user1691441

你到目前爲止試過了什麼？如果用戶也應該被允許手動滾動，你可以考慮使用'scrollTo'插件。 –

是的，他們將被允許手動滾動。儘管如果他們無法做到這一點，我不會感到很擔心。我已經看過scrollto，但唯一的問題是我很可怕的JQuery/Javascript。：/ – user1691441

想象出來！謝謝！用於ScrollTo。 ;） – user1691441

<script type="text/javascript"> 
$(function() { 

    function scroll(direction) { 

     var scroll, i, 
       positions = [], 
       here = $(window).scrollTop(), 
       collection = $('.part'); 

     collection.each(function() { 
      positions.push(parseInt($(this).offset()['top'],10)); 
     }); 

     for(i = 0; i < positions.length; i++) { 
      if (direction == 'next' && positions[i] > here) { scroll = collection.get(i); break; } 
      if (direction == 'prev' && i > 0 && positions[i] >= here) { scroll = collection.get(i-1); break; } 
     } 

     if (scroll) { 
      $.scrollTo(scroll, { 
       duration: 350  
      }); 
     } 

     return false; 
    } 

    $("#next,#prev").click(function() {   
     return scroll($(this).attr('id'));   
    }); 

    $(".scrolltoanchor").click(function() { 
     $.scrollTo($($(this).attr("href")), { 
      duration: 350 
     }); 
     return false; 
    }); 

}); 
</script>

來源

2012-10-08 17:57:05 user1691441

如果有人有任何問題，我會嘗試進一步詳細瞭解腳本 – user1691441

使用動畫Jquery導航到div下面或上面的div： JavaScript的？

回答

相關問題