javascript - HTML 和 CSS 动画失败

Question

$(window).bind('scroll', function () {
    var menu = $('.ban-top');
    if ($(window).scrollTop() > 190) {
        menu.addClass('fixmenu');
    } else {
        menu.removeClass('fixmenu');
    }
});

.ban-top{
  background:#000;
    padding: 0px 0;
}
.fixmenu{
    position:fixed;
    width: 100%;
    z-index: 100;
    top:0;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

我想在滚动时实现展开或底部向下的动画。 我尝试了几种方法，但都失败了。

Answer 1

$(window) scroll top 是否返回正确答案。如果不尝试: Math.max ($(html).scrollTop(), $('body').scrollTop()); 如果在其他一些 html 元素中发生滚动溢出，请引用它。