在设备上禁用某些 Javascript

Question

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

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

    });

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

How to disable JavaScript in media query

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

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

但是因为我不精通 javascript 我不确定如何正确地将我的代码包装到事件侦听器代码中。

如果有人能帮助我，我将不胜感激！ -- 谢谢！

Answer 1

这应该可以，但我无法测试它。告诉我发生了什么:)

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

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

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

在设备上禁用某些 Javascript

Disable certain Javascript on devices

javascript

mobile

media-queries