轉換和自動滾動div

Question

我創建了一個包含不同部分的HTML頁面。每個部分都包含在DIV中。我的要求是在每個div之間進行轉換。例如，幾秒鐘之後，第1部分模糊，第2部分模糊等等。現在在特定的部分中，我希望部分內容自動滾動，直到到達部分的結尾，從下到上。我可以在不同部分之間創建切換，但無法滾動每個部分的內容，例如，對於例如第一部分自動滾動和到達部分結束時，它只會轉到另一部分，然後滾動。任何人都可以幫助我嗎？我已經貼上我的代碼在下面的鏈接，

http://pastebin.com/rE8h5NK0

而且，我已經給固定位置的每個部分的標題，但是當我儘量減少頁面的標題犯規正確對齊。如果我沒有修復它，它不能在頁面上正確顯示。

Answer 1

我會在一個循環中建議運行JQuery的scrollTop，尋找當滾動達到通過滾動量相匹配的div的高度減去容器的高度底部：

function scroll() { 
    if ($('#div').scrollTop() == $('#div').height() - $('#container').height()) { 
     scrollInterval.clearInterval(); 
     // Transition to next section 
    } else { 
     $('#div').scrollTop($('#div').scrollTop() + 1); 
    } 
} 

var scrollInterval = setInterval(scroll,20 /* Scroll speed */);