javascript - 仅以指定宽度运行脚本，如何？

Question

可能真的很简单，但我对 JavaScript 很陌生。我想做的只是在窗口宽度大于 768 时才让下面的脚本运行。如果窗口宽度低于 768，我不希望代码运行。另外，我希望它在调整窗口时重新加载，因此如果浏览器出于某种原因更改宽度，我希望页面按照设计的宽度工作。

$(window).scroll(function() {
if ($(".navbar").offset().top > 50) {
    $(".navbar-brand img").attr('src', 'img/icons/logowhite.png'); 
} else {
    $(".navbar-brand img").attr('src', 'img/icons/logodark.png');      
}});

谢谢

Answer 1

您可以使用$(window).width()获取窗口宽度。然后你做一个简单的条件:

if ($(window).width() > 768) {
    $(window).scroll(function() {
    if ($(".navbar").offset().top > 50) {
        $(".navbar-brand img").attr('src', 'img/icons/logowhite.png'); 
    } else {
        $(".navbar-brand img").attr('src', 'img/icons/logodark.png');      
    }});
}

了解更多:https://api.jquery.com/width/