Javascript JQuery animate在firefox中不起作用_Javascript_Jquery_Css_Firefox

Javascript JQuery animate在firefox中不起作用

javascript jquery css firefox

Javascript JQuery animate在firefox中不起作用,javascript,jquery,css,firefox,Javascript,Jquery,Css,Firefox,我有Jquery脚本在一个页面上播放导航栏动画，在另一个页面上禁用它。它可以在chrome上运行，但不能在firefox上运行。这是我的密码： var URL = window.location.pathname; URL = URL.split("/"); if(URL[1] != 'holiday') { $('.navbar').addClass('hide-menu'); $(window).scroll(function() { slider();

我有Jquery脚本在一个页面上播放导航栏动画，在另一个页面上禁用它。它可以在chrome上运行，但不能在firefox上运行。这是我的密码：

var URL = window.location.pathname;
URL = URL.split("/");
if(URL[1] != 'holiday') {
    $('.navbar').addClass('hide-menu');
    $(window).scroll(function() {
        slider();
    });
} else {
    $(".navbar").addClass('show-menu');
}

滑块功能：

function slider() {
    if (document.body.scrollTop > 500)
        $('.navbar').stop().animate({
            "margin-top" : '0'
        });
    else
        $('.navbar').stop().animate({
            "margin-top" : '-150px'
        });
}

CSS：

.show-menu {
    margin-top: 0px; 
}
.hide-menu {
    margin-top: -150px;
}

Firefox隐藏菜单，但无法播放动画并显示菜单。有什么建议吗？谢谢

您必须从实际具有滚动条的元素中获取滚动量。Firefox认为这是

元素

您可以将所有内容包装在已设置了

溢出：auto

的容器中，然后将其用作检查滚动量以及放置滚动事件处理程序的位置

请改为尝试：

window.scrollTop>500

@A.Wolff抱歉，它现在在两个浏览器中都不起作用。您可以把它放在小提琴中演示这个问题吗？不要担心url部分

<body>
  <div id=everything>
    <div class=navbar>
      HELLO WORLD
    </div>
    <!-- content ... -->
  </div>
</body>

html, body { height: 100%; padding: 0; margin: 0; }

#everything { height: 100%; overflow: auto; }