Javascript 显示/隐藏bootstap'；在jQuery中隐藏xs

我正在尝试创建一个“向上”按钮，它会将用户带到登录页的顶部

我希望此按钮仅在大屏幕设备上显示，因此我使用bootstrap3的

隐藏xs

类。此类适用于

显示：无！重要信息

适用于小型设备和

显示：阻塞！重要信息

适用于大屏幕

但现在，我想让这个按钮只在向下滚动至少50像素时可见。 因此，我想做一些类似的事情：

$(document).ready(function() {
    $(window).scroll(function() {
        if($(window).scrollTop() < 50) {
            // Near top.
            $('#scrollUp:visible').slideUp();
        }
        else {
            $('#scrollUp:hidden').slideDown();
        }
    });
});

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）<50）{
//接近顶部。
$（“#向上滚动：可见”）.slideUp（）；
}
否则{
$（“#向上滚动：隐藏”）.slideDown（）；
}
});
});

jQuery的

slideUp（）

和

slideDown（）

应用

display:none

和

display:block

，但没有

！重要信息

这意味着

display:block！重要信息

由

应用。隐藏的xs

比

slideDown（）

和

slideUp（）

应用的css更重要

在我开始使用

.hiddenxs

之前，它一直工作得很好

我尝试了

$.animate（{'display'：'none！important'}）

而不是

$.slideUp

，但是我遇到了另一个问题——jQuery没有正确选择

:hidden

的元素

你知道我会做错什么吗？有什么方法可以很好地做到这一点吗

提前谢谢

试试看

(function () {
    var timer;
    $(window).scroll(function () {
        clearTimeout(timer)
        timer = setTimeout(function () {
            if ($(window).scrollTop() < 50) {
                // Near top.
                console.log('If elemnt is visible it should be hidden here');
                $('#scrollUp:visible').stop(true, true).slideUp(function () {
                    $(this).removeClass('hidden-xs');
                });
            } else {
                console.log('If element is hidden it should be displayed here');
                $('#scrollUp:hidden').addClass('hidden-xs').stop(true, true).slideDown(function () {
                    $(this).css('display', '')
                });
            }
        }, 100);
    });
})()

（函数（）{
无功定时器；
$（窗口）。滚动（函数（）{
清除超时（计时器）
定时器=设置超时（函数（）{
如果（$（窗口）.scrollTop（）<50）{
//接近顶部。
log（'如果元素可见，则应隐藏在此处'）；
$（'#scrollUp:visible'）。停止（true，true）。滑动（函数（）{
$（this.removeClass（'hidden-xs'）；
});
}否则{
log（'如果元素被隐藏，则应在此处显示'）；
$（'#scrollUp:hidden'）。addClass（'hidden-xs'）。stop（true，true）。slideDown（函数（）{
$（this.css（'display'，''）
});
}
}, 100);
});
})()

演示：