Javascript 调整窗口大小时不隐藏“脱离画布”菜单

请帮忙！！！ 我正在使用非画布菜单（）。问题是当移动菜单打开，用户调整窗口大小时，内容仍然具有变换属性和覆盖。当用户调整窗口大小时，如何返回初始参数？我是否应该通过js检查窗口大小是否超过768px（我的断点），然后隐藏覆盖和转换内容

我的js：

 $(document).ready(function() {
  $('#nav-toggle').click(function(){
    if($(this).is(":checked")) {
      $('.content-wrap').css('transform', 'translateX(80%)');
    } else {
      $('.content-wrap').css('transform', 'translateX(0)');
    }
    $('body').toggleClass('overflow-hidden');
    $('#c-mask').toggleClass('is-active');
  });

  $('#c-mask').click(function() {
    $('#overlay').fadeOut('slow');
    $(this).removeClass('is-active');
    $('#nav-toggle').prop('checked', false);
    $('.content-wrap').css('transform', 'translateX(0)');
  });
});

使用

$（窗口）.resize（函数（）

）检测窗口大小并停用offcanvas

  $( window ).resize(function() {
if ($(window).width() > 768) {
$('#overlay').fadeOut('slow');
$('#nav-toggle').prop('checked', false);
$('.content-wrap').css('transform', 'translateX(0)');
}
});

使用

$（窗口）.resize（函数（）

）检测窗口大小并停用offcanvas

  $( window ).resize(function() {
if ($(window).width() > 768) {
$('#overlay').fadeOut('slow');
$('#nav-toggle').prop('checked', false);
$('.content-wrap').css('transform', 'translateX(0)');
}
});

---

请尝试使用此代码块

$( window ).resize(function() {
  if($( window ).width() > 768) {
    $('.content-wrap').css('transform', 'translateX(0)');
  }
});

---

请尝试使用此代码块

$( window ).resize(function() {
  if($( window ).width() > 768) {
    $('.content-wrap').css('transform', 'translateX(0)');
  }
});

---

是的，你是对的。你需要添加一个调整大小处理程序，在其中，你需要检查视口/窗口的新宽度，如果需要，你需要隐藏菜单、覆盖、变换等。是的，你是对的。你需要添加一个调整大小处理程序，在其中，你需要检查视口/窗口的新宽度，如果需要，你需要隐藏菜单、覆盖、变换等。Sho如果（$（window.width（）>768），它不是

if吗

否，这意味着如果您打开菜单并将其大小调整到768以上，offcanvas将停用。该条件表示-当窗口宽度小于768时，隐藏覆盖并删除变换，对吗？但所需的行为是，在小屏幕尺寸上，侧边栏菜单出现，然后如果宽度大于768，则事情应转到b确认正常，即覆盖隐藏并删除变换。@MohitBhardwaj，哦，是的，明白你的意思了，抱歉，更新代码它应该>768px。否则，当菜单打开且宽度<768px时，每当用户调整窗口菜单的大小时，它就会自动关闭。感谢帮助！它不应该是

if（$（window）.width（）>768）

否，这意味着如果您打开菜单并将其大小调整到768以上，offcanvas将停用。该条件表示-当窗口宽度小于768时，隐藏覆盖并删除变换，对吗？但所需的行为是，在小屏幕尺寸上，侧边栏菜单出现，然后如果宽度大于768，则事情应转到b确认为正常，即覆盖隐藏并删除变换。@MohitBhardwaj，哦，是的，明白你的意思了，抱歉，更新代码它应该>768px。否则，当菜单打开且宽度<768px时，每当用户调整窗口菜单的大小时，就会自动关闭。谢谢帮助！