Question

所以当用户向下滚动到页面的某个部分时，我想要一个div向上动画（从botton到top）。

问题是我只能让它从上到下进行动画制作，我认为相反的方法很简单，显然不是。

$(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滚动更有效的内容？

Answer 1

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

最后，如果真的要在“视线”（窗口中的元素）上触发事件，则需要考虑滚动位置，窗口高度，对象位置和对象高度。这很简单，但如果您习惯插件，可以查看“inview plugin”。我已经使用过这个插件，它运行得很好。希望这有帮助

jquery动画高度向上

1 个答案: