<!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>
html列表,带滚动及超出高度部分隐藏的例子
最新推荐文章于 2024-06-25 09:33:42 发布