jQuery slideDown()/ slideUp()没有动画

时间:2017-06-28 21:24:11

标签: javascript jquery css

我试图使用jQuery" slideUp"和" slideDown"动画导航标题的方法。 div我的目标是在提示中出现和消失,但它实际上并不是动画。

我已经查看了其他一些似乎正在解决类似问题的slideDown / slideUp问题,但他们提到的条件似乎并不适用于我正在做的事情。< / p>

这里是div我目标的SCSS:

#navSmall {
    background-color: $superDarkOrange;
    height: 50px;
    font-family: $headFont;
    font-size: 25px;
    border: 0px;
    width: 100%;
    position: fixed;
    display: none;
}

这里是jQuery函数:

function navResize() {
    if (w > 1075) {
        if ($('body').scrollTop() > 192) {
            $('#navSmall').slideDown(200);
        };

        if ($('#navSmall').css("display") === 'block' && $('body').scrollTop() < 190) {
            $('#navSmall').slideUp();
        };
}
};

非常感谢!

0 个答案:

没有答案