Question

我尝试在DIV上设置一个垂直滚动条，高度很短。它适用于Chrome和IE 10（没有尝试其他人）。但是当高度太短时，Firefox不会显示垂直滚动条。

有没有办法让Firefox显示垂直滚动条，即使高度很短？

div.title{
	position: absolute; 
	top: 0px; 
	height: 97px;	
	width:100%;
}

body{		
	margin: 0;   
}

div.tableHeader{	
	position: absolute; 
	top: 98px; 
	height: 28px;		
	overflow-y: scroll;
	width:100%;
}

    <body>

		<div class="title">
        	<h1> Demo how to set vertical scroll bar</h1>        	
        </div>        
		<div class="tableHeader">
			<b>test vertical scroll bar, please check right side vertical scroll bar</b>
        </div>


    </body>

Answer 1

滚动条也出现在Firefox中，如果你想看到“draggable-bar”，可以尝试类似......

    box-sizing: border-box;
    padding: 6px 0;

..增加内容的高度。

div.tableHeader{	
	position: absolute; 
	top: 98px; 
	height: 28px;		
	overflow-y: scroll;
	width:100%;
	box-sizing: border-box;
	padding: 8px 0;
}

    <body>

		<div class="tableHeader">
		  <b>test vertical scroll bar, please check right side vertical scroll bar</b>
		</div>

		</body>

当高度太短时，Firefox不会显示垂直滚动条

1 个答案: