如何使用js检测html宽度多于视口宽度？

Question

我的问题是我正在设计一个响应式网站。 使用了一个滑块插件，但是有一个问题，当我将窗口大小从561px调整到小于561px时，视口宽度将超过100％。 我认为这是一个插件错误，但插件很有用。 所以我有一个想法是检测resize事件“if（$（window）.width（）<561）”加上检查视口宽度是否超​​过100％（这意味着出现垂直滚动条），然后运行重载整页功能。

你们能给我一些关于检测视口宽度超过100％然后做些什么的提示吗？

这是我的网页有这个问题： 点击这里

Answer 1

不确定我是否完全理解，但如果你只需要知道身体比html更宽，只需看看window.scrollMaxX ：

if (window.scrollMaxX > 0) {
    // do something
}

像这样： https ： //codepen.io/anon/pen/pPqMGe

Answer 2

这个小脚本检查当前宽度是否小于561，文档宽度是否大于视口宽度。

if (document.body.clientWidth < 561 &&
    document.body.clientWidth > window.outerWidth) {

    // do reload
}