运行仅指定宽度的脚本，如何？

Question

可能真的很简单，但我是 JavaScript 的新手。我只想在 window 宽度大于 768 时让票据在运行下方。如果低于 768，我不希望代码工作。此外，我希望它在调整 window 时重新加载，因此如果浏览器出于任何原因更改宽度，我希望页面按照设计的宽度工作。

$(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() 获得 window 宽度。然后你做一个简单的条件：

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/

Answer 2

使用屏幕宽度http://www.w3schools.com/jsref/prop_screen_width.asp 在那个函数上使用 if 并检查屏幕的宽度。例子

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

运行仅指定宽度的脚本，如何？

Run script in specified width only, How?

javascript

resize

运行 仅指定宽度的脚本，如何？

Run script in specified width only, How?

javascript

resize

运行仅指定宽度的脚本，如何？