如何自動添加垂直滾動條到我的div？

我想向我的<Div>添加垂直滾動條。我試過overflow:auto，但它不工作。我已經在Firefox和Chrome中測試了我的代碼。我在這裏粘貼div樣式代碼：提前如何自動添加垂直滾動條到我的div？

float:left; 
width:1000px; 
overflow: auto;

感謝。

來源

2013-08-12 jay

一個的jsfiddle或更多的CSS與您的標記 –

試試這個：'溢出-Y：scroll'有些** **高度。瀏覽這個[** docs **]（https://developer.mozilla.org/en-US/docs/Web/CSS/overflow）。 –

感謝Mr_Green的回覆。但是這個代碼不適合我。 – jay

您需要指定一些高度以使overflow: auto;屬性有效。
出於測試目的，請添加height: 100px;並檢查。
並且如果您給overflow-y:auto;而不是overflow: auto;，它會更好，因爲這會使元素僅滾動而不滾動。

float:left; 
width:1000px; 
overflow-y: auto; 
height: 100px;

如果你不知道該容器的高度，要顯示垂直滾動條，當容器達到一定的高度說100px，使用max-height代替height財產。請參閱MDN article。

來源

2013-08-12 09:19:45

是的，我得到了你的觀點和測試，它在Chrome中工作正常，但不在FireFox中。另一個令人困惑的事情是垂直滾動條出現在FF中的頁面加載時間，但在頁面加載完成時消失！ – jay

「你需要指定一些高度」正是我的問題，謝謝！：P – wdanda

我不太清楚你在嘗試使用div，但這是一些隨機文本的例子。

Mr_Green在他說要添加overflow-y: auto時給出了正確的說明，因爲它限制了垂直滾動。這是一個的jsfiddle例如：

JSFiddle

來源

2013-08-12 09:23:12 MitulP91

首先@Mr_Green你的建議在Chrome中工作正常，但不在FF中。是否有添加高度的其他選擇，因爲我無法在我的設計結構中爲我的Div添加高度。 – jay

要顯示在您的div垂直滾動條你需要添加

height: 100px; 
overflow-y : scroll;

或

height: 100px; 
overflow-y : auto;

來源

2014-09-18 18:02:29

您必須添加max-height財產。

.ScrollStyle 
 
{ 
 
    max-height: 150px; 
 
    overflow-y: scroll; 
 
}

<div class="ScrollStyle"> 
 
    Scrollbar Test!<br/> 
 
    Scrollbar Test!<br/> 
 
    Scrollbar Test!<br/> 
 
    Scrollbar Test!<br/> 
 
    Scrollbar Test!<br/> 
 
    Scrollbar Test!<br/> 
 
    Scrollbar Test!<br/> 
 
    Scrollbar Test!<br/> 
 
    Scrollbar Test!<br/> 
 
    Scrollbar Test!<br/> 
 
</div>

來源

2014-10-30 07:10:57 DevT

我在我的div-popup得到了一個驚人的滾輪。要申請，這種風格添加到您的div元素：

overflow-y: scroll; 
height: XXXpx;

的height指定將成爲div的高度，一旦如果有內容超過這個高度，你必須滾動它。

謝謝。

來源

2014-11-26 08:13:17

您可以設置：

overflow-y: scroll;height: XX px

來源

2015-12-09 06:28:22

這是以前的答案。 – UmNyobe

如何自動添加垂直滾動條到我的div？

回答

相關問題