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

我有一个javascript代码，可以使用.fadeOut.fadeIn函数旋转几个div，我在侧边栏上有相同的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.badssentinel.com。请检查并缩小窗口大小，以便更好地了解我所说的内容。侧边栏将开始重叠

---

提前感谢。

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

您应该尝试：

function widthDetect(){
if (($(window).width() <= 980  )) {
    var stickyRibbonTop = $('.rotate').offset().top;
    $(window).scroll(function(){
            if( $(window).scrollTop() > stickyRibbonTop ) {
                    $('.rotate').css({position: 'fixed', top: '0px'});
            } else {
                    $('.rotate').css({position: 'relative'});
            }
    });
}}
widthDetect();
$(window).resize(function(){
    widthDetect();
});

---

if（document.body.clientWidth>980）返回应工作请提供示例代码。我觉得你的答案更像是评论。所以我刚刚创建了另一个旋转类（.rotate mobile），并使用媒体查询将其仅应用于max width:980px。我将rotate mobile上的CSS设置为相对位置，这样它就不会保持固定。我只是不确定如何将其应用于上述代码。很抱歉，我对javascripting.NVM还是有点陌生，我只需将媒体查询设置为max width 980，并在div类的相关位置使用CSS就可以得到它。非常感谢。它的工作方式正是我想要的。
@media only screen and (max-width: 980px) { 
.rotate { position:relative !important;}
}