Javascript 使用document或document.body.width调整大小()

Javascript 使用document或document.body.width调整大小(),javascript,jquery,html,Javascript,Jquery,Html,如何使用文档宽度而不是窗口宽度调整事件大小。我需要使用文档宽度,而不是窗口宽度 $(window).resize(function() { if ($(window).width() < 960) { $(document).getElementsByClass("razdel5").removeClass("d-none"); $(document).getElementsByClass("fade-i").addClass("d-none");

如何使用文档宽度而不是窗口宽度调整事件大小。我需要使用文档宽度,而不是窗口宽度

 $(window).resize(function() {

    if ($(window).width() < 960) {
       $(document).getElementsByClass("razdel5").removeClass("d-none");
       $(document).getElementsByClass("fade-i").addClass("d-none");
    }
   else {
        $(document).getElementsByClass("razdel5").addClass("d-none");
        $(document).getElementsByClass("fade-i").removeClass("d-none"); 
   }
  });
$(窗口)。调整大小(函数(){
如果($(窗口).width()<960){
$(文档).getElementsByClass(“razdel5”).removeClass(“d-none”);
$(文档).getElementsByClass(“fade-i”).addClass(“d-none”);
}
否则{
$(文档).getElementsByClass(“razdel5”).addClass(“d-none”);
$(文档).getElementsByClass(“fade-i”).removeClass(“d-none”);
}
});

您只需尝试一下:

$(document).width(); // returns width of HTML document
解决了

$(window).resize(function() {

    if ($(window).width() < 960) {
       $(".razdel5").addClass("d-none");
       $(".fade-i").removeClass("d-none");
    }
   else {
        $(".razdel5").removeClass("d-none");
        $(".fade-i").addClass("d-none"); 
   }
  });
$(窗口)。调整大小(函数(){
如果($(窗口).width()<960){
$(“.razdel5”).addClass(“d-none”);
$(.fade-i”).removeClass(“d-none”);
}
否则{
$(“.razdel5”).removeClass(“d-none”);
$(“.fade-i”).addClass(“d-none”);
}
});
谢谢大家