Question

我正在尝试用jQuery做动画。使用.animate我知道你可以有一段时间，但我希望滚动像素的持续时间。我在一些网站上看到过这种情况，即在滚动的一定像素数量上会产生效果。 - 为了澄清，jQuery动画是这样的： .animate（properties [，duration] [，easing] [，complete]）但持续时间以秒为单位。我想知道一种方法来实现相同的效果，但滚动像素的持续时间。例如，某些内容会从50到100个像素中逐渐消失，但不会在达到40px时开始淡入淡出。如果向下滚动，则会显示：http://squarespace.com/home/overview/

Answer 1

以下是您正在寻找的内容 - 我猜...尝试这个小提琴开始：

http://jsfiddle.net/pu1yLe4u/4/

祝你好运

window.addEventListener("scroll", function () {
    console.log(window.pageYOffset);
    if (window.pageYOffset > 20) {
        $('.moveme').css('transform', 'rotate(180deg)');

    } else {
        $('.moveme').css('transform', 'rotate(360deg)');
    }
}, false);

如何为滚动设置动画？

1 个答案: