如何在没有滚动条的情况下根据页面宽度运行函数？

Question

嗨我有一个侧边栏，我想在宽度上移动到底部＆lt; 1000像素。

我用：

$(window).resize(function() {
  if ($('#page').innerWidth() < 1000) {
    jQuery(".sidebar").remove().insertAfter(jQuery(".page-content"));
  } else {
    jQuery(".sidebar").remove().insertBefore(jQuery(".page-content"));
  }
});

if ($('#page').innerWidth() < 1000) {
    jQuery(".sidebar").remove().insertAfter(jQuery(".page-content"));
}
else {
    jQuery(".sidebar").remove().insertBefore(jQuery(".page-content"));
}

这种方法很有效，但在带有滚动条的浏览器上，侧边栏显示在1006/1008像素周围的右侧。

我必须使用代码禁用滚动条。我怎么能这样做？