jquery - Jquery resize() 忽略滚动条的宽度？

Question

我正在做一个响应式网站，需要我使用 javascript/jquery resize 方法交换我的 html，这些是我的代码：

$(window).resize(function() { 

    if($(document).width() <= 751){
        $('.mainSec').insertBefore('.ourSerAside');
    }else{
        $('.ourSerAside').insertBefore('.mainSec');
    }

});

原始条件应该小于或等于768（因为我想在它等于768px时触发......），但它不起作用。我注意到这是由于滚动条的额外宽度为17px 宽度。

在那儿

因此 768-17px（滚动条宽度）=751px

有没有更简单的方法可以忽略滚动条的宽度？由于我的代码看起来很混乱，来自css和javascript的媒体查询的不同值......

Answer 1

对不起，我打赌，我正在使用 chrome 浏览器，我正在使用开发人员工具。

我弄错的原因是因为我指的是chrome开发工具提供的宽度（首先包括宽度和滚动条）。

我应该得到的宽度是主体的宽度而不是浏览器的整体宽度

Answer 2

无论滚动条如何，您都可以尝试$(window).width()获取窗口的大小。