javascript - 仅在桌面模式下激活 jquery 功能？

Question

我有一个将导航栏固定在网页顶部的 jquery 函数，但我只希望在台式机和平板电脑模式下使用此功能(而不是在手机模式下使用)。如何停用此功能？

$(document).scroll(function(){
    var elem = $('.navbar');
    if (!elem.attr('data-top')) {
        if (elem.hasClass('navbar-fixed-top'))
            return;
        var offset = elem.offset()
        elem.attr('data-top', offset.top);
    }
    if (elem.attr('data-top')  <= $(this).scrollTop() )
        elem.addClass('navbar-fixed-top');
    else
        elem.removeClass('navbar-fixed-top');
 });

Answer 1

使用 CSS 媒体查询来操纵导航栏。浏览器/操作系统检测不应影响样式，而应影响分辨率和媒体类型。

What is the syntax for a CSS media query that applies to more than one property (AND operator)?

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries