Question

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

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

以下是我的网页，其中包含此问题：click here

Answer 1

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

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

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

Answer 2

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

Traceback (most recent call last):
File "./deco.py", line 52, in <module>
nodes = z.getNodes()
TypeError: 'str' object is not callable

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

2 个答案: