滚动页面时移动元素

Question

我希望在页面滚动时控制各种div元素，类似于lamoulade.com。

当我向下滚动时，我希望300px X 300px div从左向右移动，当我向上滚动时，我需要从右向左移动。

我怎样才能做到这一点？

Answer 1

$(document).ready(function () {
    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            $('.scrollup').fadeIn();
        } else {
            $('.scrollup').fadeOut();
        }
    });
}

这是一个常见示例，当页面滚动一点时，会出现滚动到顶部按钮。您可以使用相同的技术在某些屏幕滚动点上对DOM /动画进行其他更改。