幾周前,我看了一個我第一次在另一臺機器上創建的Web應用程序(Ubuntu上的Chrome),並且驚恐地看着滾動條這些都出現在我的所有溢流容器中。我後來發表了一個精神提示來解決這個問題,但是由於在我平常的機器上查看網站時看不到問題,我很快就忘了。我只是偶爾使用另一臺機器(Mac上的Chrome)查看它,並且滾動條混亂已經返回。但是,當我在機器上查看我的Web應用程序時,滾動條的行爲與預期相同。下面是要展示的圖片。滾動條出現在一臺機器上的溢出容器中,但沒有出現在另一臺機器上
首先是從我目前該機的屏幕截圖,聊天框與overflow: scroll
:
同一個聊天框,相同的代碼,相同的瀏覽器,但在我的其他Mac:
看看那些醜陋的東西。這就像我的瀏覽器在10年後回來了。兩臺機器都具有相同版本的Chrome(58.0.3029.110(64位)),但Apple OS的版本不同(工作一是Sierra 10.12.4,非工作版本是El Capitan 10.11.5)。同樣,這個滾動條的行爲也出現在Ubuntu機器上。請注意,在兩臺機器上,滾動條在Firefox中按預期工作。
編輯
爲了演示的期望是什麼,這裏是只出現工作機上滾動當垂直滾動條的圖像:
我已經使用了'overflow:auto',它只是隱藏滾動條,直到容器溢出。一旦容器溢出,異常滾動條仍然出現。 – skwny
哪一個對你來說不尋常?水平還是垂直? – eatherpro
兩者都不尋常。它們不應該看起來像這樣,並且應該只在滾動時出現。糾正我,如果我錯了,但這不是現代瀏覽器的行爲?我用照片更新了我的帖子,以證明預期的結果。 – skwny