Question

我创建了一个包含不同部分的HTML页面。每个部分都包含在DIV中。我的要求是在每个div之间进行转换。对于Eg，几秒后，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 */);

转换和自动滚动div

1 个答案: