0

因此，当用户向下滚动到页面的某个部分时，我希望 div 向上动画（从底部到顶部）。

问题是我只能让它从上到下制作动画，我想相反的会很容易，显然不是。

$(document).scroll(function() {    
    var scroll = $(window).scrollTop();

    if (scroll >= 1700) {
        $(".usersuk").animate( 
            { height:"400px" }, 
            { queue: false, duration: 1000 }
        );
    } 
    else {
        $(".usersuk").animate( 
            { height:"0px" }, 
            { queue: false, duration: 1000 }
        );
    }
});

另外，有没有比使用 var scroll 更好的方法来为用户可见的东西制作动画？

4

1 回答 1

0

好的，从下到上制作动画，这很容易。您所要做的就是将父容器设置为 position: relative 并将动画容器设置为 position: absolute 和 BOTTOM: 0。它当然会留在父 DIV 的底部。您可以对动画容器内的对象使用一些“溢出：隐藏”来微调动画。

最后，如果真的想在“sight”（窗口中的元素）上触发事件，则需要考虑滚动位置、窗​​口高度、对象位置和对象高度。这很容易，但如果你习惯插件，你可以检查“ inview plugin ”。我已经用过那个插件了，而且效果很好。希望这可以帮助

于 2012-10-30T16:11:16.117 回答