如何使用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
}