如何实时检测浏览器大小并更改javascript函数控件

我使用的是fullpage.js（），它是一个完整的页面滑块

我没有开发经验，但我试图实现的是，如果浏览器大小为640px，则fullpage.js函数会将函数内的控件从； 自动滚动：真，到自动滚动：假，

这就是函数的外观

$(document).ready(function(){

$.fn.fullpage({
    anchors: ['Home', 'Services', 'Portfolio', 'Testimonials', 'Contact'],
    navigation: true,
    navigationPosition: 'right',
    scrollingSpeed: 400,
    autoScrolling: true,
    navigationTooltips: ['Home', 'Services', 'Portfolio', 'Testimonials', 'Contact']
});

});

原因是，由于这个插件的性质，在屏幕缩小后，我的div和内容会丢失，因为它会被切断。因此，通过操作一个不同的控件，我可以使较小的设备在不限制高度的情况下自然滚动页面

那么，有没有一种方法或脚本可以像css媒体查询一样识别正在缩小的屏幕，以便在出现某个断点时对javascript进行操作，然后在不同的断点处使用不同的脚本

如果这是一件愚蠢的事情，或者问到这不是我的专业领域（使用/编写/阅读javascript），我会提前道歉，但这可以做到吗？我所想的实现这种解决方案的逻辑是正确的方法，还是有更简单的方法

谢谢诸如此类的事？（未测试）

$（窗口）。调整大小（函数（）{
var windowWidth=$（window.width（）；
如果（窗宽<640）{
$.fn.fullpage.setAutoScrolling（false）；
}
否则{
$.fn.fullpage.setAutoScrolling（true）；
}
});

但我会改进它，添加一个标志，这样当用户不断向下/向上调整大小时，就不会一次又一次地调用同一个函数。谢谢大家的帮助：D

$( window ).resize(function() {
    var windowWidth = $( window ).width();
    if (windowWidth < 640) {
        $.fn.fullpage.setAutoScrolling(false);
    }
    else {
        $.fn.fullpage.setAutoScrolling(true);
    }
});