Question

在过去的一周里，我一直试图找到一种方法来获得div / image在可滚动div中的动画效果。我已经尝试了wow.js（使用animate.css）和aos.js，这两个都不会在我被告知的容器div中工作。

我尝试了Waypoints并且在尝试This Solution并且没有运气之后我开始认为这是不可能的，但我很乐意被证明是错的。我想使用animate.css，因为它有我喜欢的动画，并且很容易处理，但如果那不是一个选项那么就是它。

Answer 1

你没有提到你想要什么样的动画。但这可能会让你开始滚动div动画:(只需向下滚动到底部）

＆＃13;

$(document).scroll(function () {
    var y = $(this).scrollTop();
    if (y > 800) {
        $('.bottomMenu').fadeIn();
    } else {
        $('.bottomMenu').fadeOut();
    }

});

＆＃13;

body {
    height:1600px;
}
.bottomMenu {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    border-top: 1px solid #000;
    background: red;
    z-index: 1;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="bottomMenu"></div>

＆＃13;

滚动div内的动画图像

1 个答案: