如何檢測（並更正？）各種滾動條可見性跨瀏覽器？

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 

}