html列表,帶滾動及超出高度部分隱藏的例子

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<style>
			/* 隱藏滾動條 */
			#listView::-webkit-scrollbar {
				display: none;
			}
		</style>
	</head>
	<body>
		<!--overflow: overlay,超出部分隱藏且可滾動-->
		<ul id="listView" style="height:200px;overflow: overlay;">
			<li>A</li>
			<li>B</li>
			<li>C</li>
			<li>D</li>
			<li>A</li>
			<li>B</li>
			<li>C</li>
			<li>D</li>
			<li>A</li>
			<li>B</li>
			<li>C</li>
			<li>D</li>
			<li>C</li>
			<li>D</li>
			<li>A</li>
			<li>B</li>
			<li>C</li>
			<li>D</li>
		</ul>
	</body>
</html>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章