div垂直滾動條展示

Question

我想知道如何永久顯示 div 的垂直條（如果沒有滾動則顯示為灰色），類似於我們的常規條。 基本上我試圖將整個網站放在一個 div 中（比如 gmail/facebook），所以如果頁面不夠長，整個頁面會因為缺少垂直滾動條而移動。

我需要解決這個問題。 我試過溢出-y：滾動。 但它似乎根本不起作用。

Answer 1

你在測試什么瀏覽器？

你設置了什么DOCType？

你究竟如何宣布你的CSS？

你確定你沒有錯過; overflow-y: scroll之前/之后overflow-y: scroll ？

我剛剛在IE7和Firefox中測試了以下內容，它運行正常

 <!-- Scroll bar present but disabled when less content --> <div style="width: 200px; height: 100px; overflow-y: scroll;"> test </div> <!-- Scroll bar present and enabled when more contents --> <div style="width: 200px; height: 100px; overflow-y: scroll;"> test<br /> test<br /> test<br /> test<br /> test<br /> test<br /> test<br /> test<br /> test<br /> test<br /> </div> 

Answer 2

你試過overflow-y:auto嗎？ 它不完全是您想要的，因為滾動條僅在需要時出現。

Answer 3

始終：如果您總是想要垂直滾動條，請使用overflow-y: scroll;

的jsfiddle：

<div style="overflow-y: scroll;">
......
</div>

需要時 ：如果您只需要垂直滾動條，請使用overflow-y: auto; （在這種情況下，您需要指定高度）

的jsfiddle：

<div style="overflow-y: auto; height:150px; ">
....
</div>

Answer 4

在reactjs...

<div className='p-4 mb-4' style={{overflowY:'scroll',height:'350px'}}>
    {msgx.map((m,index)=>{
        return(
            <Items m={m} key={index} i={index}/>
        )
    })}
</div>