如何跨浏览器检测（并纠正？）各种滚动条可见性？

Question

基本上，我需要（{假）滚动条在textarea和div以及white-space: pre-wrap中与同时显示，当它们的内容相同时，以便处理相同的空白。

在Webkit中，这很简单：

textarea.foo, div.foo {
  overflow: auto; /* show scrollbars exactly when needed */
  /* also match padding, height, width, font, line-height, etc. */
}

但是其他一些浏览器（OS X上的Firefox，我认为和IE7）实际上只会在textarea而不是div上显示滚动条（反之亦然），当内容不够长而不需要滚动时。< / p>

为清楚起见，我并不要求滚动条在所有浏览器中显示相同的内容。我需要在所有主流浏览器中都这样：在同一浏览器中，给定相同内容的时候，div和textarea都会显示滚动条。如果有时，总是或（在Safari / OS X Lion上）永远不会无关紧要。

Answer 1

配置滚动条以便始终显示

textarea.foo, div.foo {
  overflow-y: scroll; /* Show vertical scroll bars at all time 

}