javascript - 仅对移动设备禁用某些 javascript 代码

Question

我有一个 javascript 代码可以使用 .fadeOut .fadeIn 函数旋转多个 div，并且我在侧边栏上 float 了相同的 div，因此在您滚动时位置保持固定。当窗口大于 980px 但在移动设备上开始重叠时，这非常有效。我想知道是否有人能够帮助我提供一个代码，使当窗口小于 980px 时滚动功能不运行。下面是我用来在滚动时修复侧边栏的脚本。

$(function(){
    var stickyRibbonTop = $('.rotate').offset().top;

    $(window).scroll(function(){
            if( $(window).scrollTop() > stickyRibbonTop ) {
                    $('.rotate').css({position: 'fixed', top: '0px'});
            } else {
                    $('.rotate').css({position: 'relative'});
            }
    });

});

我使用的测试站点是 beta.badsentinel.com。请检查并缩小窗口大小，以便更好地了解我在说什么。侧边栏将开始重叠。

提前致谢。

Answer 1

不是设置 CSS，而是添加和删除一个类。这样您就可以使用媒体查询设置每个类的作用。