Chrome是自動隱藏垂直滾動條

基本上，我有3個div的，一個主容器，和兩個div，這將是主容器中，像這樣的寬度的一半：

<div id="main"> 
    <div id="col1"></div> 
    <div id="cold2"></div> 
</div> 

#col1 { 
    overflow-y: auto; 
    width: 48% 
} 
#main { 
    width: 100% 
} 
#col2 { 
    width: 48% 
}

看來，問題是，每次我動態地添加內容到Col1，我期待一個滾動條，鉻創建它，但隱藏它。所以我必須去元素並開始通過輪子滾動才能看到它。有沒有辦法讓它過度騎呢？

來源

2013-02-26 theintersect

忘了提及，我的操作系統是Mac。似乎mac自動隱藏OS Lion的滾動條。要手動超過這個，你必須去系統首選項 - >常規 - >顯示滾動條 - >設置爲始終。還在想如果有一種方法可以通過CSS或JavaScript來完成。 – theintersect 2013-02-26 19:36:33

您可以看看:: webkit-scrollbar，以便設置滾動條的樣式來阻止它們隱藏。只是一個想法，不確定它會工作。 – 2013-02-26 19:48:38

但是，如果您沒有任何可以保持col1高度有限的內容，它只會增長，所以它不需要滾動條......請記住，將溢出設置爲auto意味着滾動條不在那裏，如果它不是需要 – vals 2013-03-11 19:40:27

這是Chrome服從的Mac設置。轉到「系統偏好設置>常規」，並將「顯示滾動條」設置更改爲「始終」

來源

2014-04-04 14:34:09 jamesbishopp

酷，thx 。我的設置是「自動基於輸入設備」 - 我有一個鼠標和觸控板連接，所以它始終顯示滾動條... – 2014-07-31 08:14:29

似乎他們現在迫使滾動條出現，無論您的操作系統設置。 – 2016-08-17 00:37:15

告訴您的用戶在使用您的網站之前更改其操作系統偏好不是解決方案。 – 2017-08-23 18:40:03

Chrome是自動隱藏垂直滾動條

回答

相關問題