javascript - 过渡和自动滚动 div

Question

我创建了一个包含不同部分的 HTML 页面。每个部分都包含在一个 DIV 中。我的要求是在每个 div 之间进行转换。例如，几秒钟后，section1 模糊，section2 模糊，依此类推。现在在一个特定的部分中，我希望该部分的内容从下到上自动滚动，直到到达该部分的末尾。我能够在不同部分之间创建切换，但无法滚动每个部分的内容，例如，第一部分自动滚动，当到达部分末尾时，它只会转到另一个部分，然后滚动.有人可以帮我吗？我已经在下面的链接中粘贴了我的代码，

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 */);