HTML和CSS动画失败

时间:2017-09-23 08:40:20

标签: javascript jquery html css

$(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>

我想在滚动时实现展开或自底向下动画。 我尝试了一些方法,但都失败了。

1 个答案:

答案 0 :(得分:0)

$(window)滚动顶部是否返回正确的答案。如果没有尝试: Math.max($(html).scrollTop(),$('body')。scrollTop()); 如果在某些其他html元素中发生滚动溢出,请参阅它。