-1

我正在弄清楚如何在窗口弹性滚动时移动元素,例如这个站点http://www.mccarthyarts.com/每当我们滚动经过站点画布时都会将第一个背景向下移动一点。

有人知道这是如何工作的吗?

4

1 回答 1

0

实现这一点的方式将涉及监听滚动事件。每当触发事件时,请检查您是否通过了文档的边界。如果你是,那么你必须在弹性区域。

$(function() {
    $(document).on("scroll", function() {
        var scrollAmount = $(this).scrollTop();
        var viewHeight = $(window).height();
        var docHeight = $(document).height();

        if (scrollAmount < 0) {
            // Top elastic
        }
        else if (scrollAmount + viewHeight > docHeight) {
            // Bottom elastic
        }
    });
});
于 2013-08-18T18:51:32.407 回答