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

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. */ 
} 

但一些其他浏览器（Firefox OS X上，我觉得和IE7）实际上将显示仅在textarea的滚动条，而不是股利（或副当内容不够长时需要滚动。

为了清楚起见，我并不要求滚动条在所有浏览器中显示相同。在所有主流浏览器中，我都需要这样做：在同一个浏览器中，只要给定相同内容的其他元素，div和textarea就会显示滚动条。如果有时候，或者（在Safari/OS X Lion上）永远不会是无足轻重的。

Answer 1

配置滚动条来显示所有的时间

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

}