转换和自动滚动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 */);