Question

使用响应式布局和大量CSS来创建网页，我遇到了隐藏或显示滚动条并将布局更改为17px的问题。

主要问题是在OSX上，滚动条悬停在整个布局上而不会影响它，但在Windows上的任何浏览器中，例如滚动条是布局的一部分，因此将其移动到左侧宽度为17px。 / p>

试图解决这个问题，我开始检测以下浏览器：

if($.browser.chrome) {
   // adapt layout by 17px
} else if ($.browser.mozilla) {
   // adapt layout by 17px
}  else if ($.browser.safari) {
   // dont adapt layout by 17px
}

但在阅读了很多关于该主题的帖子之后，我意识到不是检测浏览器，而是许多人建议使用功能检测。那么有没有办法找出浏览器如何处理滚动条？他们是否会成为页面布局的一部分，或者他们只会悬停在Safari之类的所有内容之上？

感谢您的帮助！

Answer 1

hiddenscroll测试应该是您在Modernizr中寻找的。它不在主库中，但您可以在v3.modernizr.com

构建v3 beta的自定义版本（包括此测试）

检测不同类型的滚动条（例如，正常/隐藏的osx）

1 个答案: