在设备上禁用某些Javascript

我正在建立一个网站，我正在使用媒体查询使网站对移动设备做出响应。在我的网站的桌面版上，我使用下面的Javascript在100px被向下滚动后使2个div淡入/淡出

$(document).scroll(function () {
        var y = $(this).scrollTop();
        if (y > 100) {
            $('#firstHeadingLeft, #firstHeadingRight').fadeIn(3000);
        } else {
            $('#firstHeadingLeft, #firstHeadingRight').fadeOut();
        }

    });

现在的问题是，我不希望这个javascript在我的移动设备上处于活动状态，我希望2个div始终存在。我搜索了一下，找到了这个

建议之一是使用此代码添加事件侦听器

window.addEventListener('resize', function(){
if(window.innerWidth > 568){
    ...execute script
} 
});

然而，由于我不精通javascript，我不确定如何正确地将代码包装到事件侦听器代码中

---

如果有人能帮我一把，我将不胜感激谢谢大家!

这应该行得通，但我没有办法测试它。告诉我发生了什么：）

---

这应该行得通，但我没有办法测试它。告诉我发生了什么：）

---

只需使用

resize

事件（就像您所做的那样）和

onload

事件执行代码。您可以通过调用函数来实现这一点。您几乎已经拥有了它：）尝试使用

screen.width

而不是

窗口。innerWidth

只需使用

resize

事件（就像您所做的那样）和

onload

事件执行代码。您可以通过调用函数来实现这一点。您几乎已经拥有了它：）尝试使用

screen.width

而不是

window.innerWidth

@user3599852如果它对您有效，请向上投票并接受最佳答案：）（请阅读此内容）等待。。我刚在我的ipad上测试过。它不起作用了。Javascript仍在加载中，正在淡入淡出我的Div。我认为这是因为ipad上的window.innerWidth高于568，请尝试使用警报来发现。（我没有移动设备来测试这个）。是的！将其更改为

screen.width

修复了它谢谢大家!@用户3599852如果它对您有效，请向上投票并接受最佳答案：）（请阅读此内容）等待。。我刚在我的ipad上测试过。它不起作用了。Javascript仍在加载中，正在淡入淡出我的Div。我认为这是因为ipad上的window.innerWidth高于568，请尝试使用警报来发现。（我没有移动设备来测试这个）。是的！将其更改为

screen.width

修复了它非常感谢。

window.addEventListener('resize', function(){
   disableScript();
});

window.addEventListener('load',function(){
   disableScript();
});

function disableScript(){
    if(screen.width > 568){
      //...execute script
    } 
}