1

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

http://pastebin.com/rE8h5NK0

此外，我已经为每个部分标题提供了固定位置，但是当我最小化页面时，标题没有正确对齐。如果我没有修复它，它就不会在页面上正确显示。

4

1 回答 1

0

我建议在循环中运行 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 */);
于 2013-03-08T03:58:41.097 回答