CSS：垂直滾動條在瀏覽器調整大小（縮小）時消失

是什麼導致了這種情況發生？無論瀏覽器窗口有多窄，我都希望垂直滾動條出現。網格中的內容是動態的，但這個問題似乎與網格中的no行無關。滾動條出現在瀏覽器窗口爲特定大小時，並且在窗口變寬時保持不變，但當窗口變窄時消失。高度是動態的，通過JavaScript將元素設置爲樣式屬性。CSS：垂直滾動條在瀏覽器調整大小（縮小）時消失

<div id="mycontainer" class="mydiv" style="height: 142px;"></div> 
<style> 
    .mydiv {  
     background-color: white;  
     border-color: #d8d8d8;  
     border-style: solid;  
     border-width: 0 1px 1px;  
     height: 100%; 
     width: 100%  
     margin: 0;  
     overflow-y: auto;  
     padding: 0;  
     position: relative;  
    } 
</style>

來源

2016-07-23 stumped

沒有看到你的JavaScript我不能肯定地說。但在JSFiddle中，border-width-property將1px添加到div的底部，這使其100％+ 1px高。如果溢出設置爲自動，這肯定會觸發一個scollbar。您可以通過將框大小設置爲邊框來解決此問題。這應該可以在任何瀏覽器中運行：http://caniuse.com/#search=box-sizing – zoku

僅使用您提供的代碼無法重現您的問題。 –

啊，情況是你正在使用溢出-Y，即防止DIV從顯示滾動條，那你必須在div裏面沒有內容的事實，也許你可以用DIV共享plnkr和內容？

來源

2016-07-23 20:18:37

'overflow-y：auto'的意思是：只顯示垂直滾動條，如果需要 –

準確地說，現在它不*需要，因爲沒有內容，這就是爲什麼我建議創建一個Plnkr。 –

但我改變瀏覽器窗口的寬度，而不是高度。因此，網格中的行數保持不變，我需要垂直滾動條來查看所有行，即使瀏覽器變窄或變寬。 – stumped

CSS：垂直滾動條在瀏覽器調整大小（縮小）時消失

回答

相關問題