Jquery resize() 忽略滚动条的宽度？答案

【问题标题】：Jquery resize() ignoring scrollbar's width?Jquery resize() 忽略滚动条的宽度？
【发布时间】：2013-09-17 14:40:32
【问题描述】：

我正在做一个响应式网站，需要我使用 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 的媒体查询的不同值......

【问题讨论】：

标签： jquery methods resize width scrollbar

【解决方案1】：

您可以尝试$(window).width() 来获取窗口大小，而不考虑滚动条。

【讨论】：

【解决方案2】：

对不起，我正在开发 chrome 浏览器，我正在使用开发者工具。

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

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

【讨论】：