html列表，带滚动及超出高度部分隐藏的例子

最新推荐文章于 2022-08-19 16:33:38 发布

大炮走火

最新推荐文章于 2022-08-19 16:33:38 发布

阅读量579

点赞数

分类专栏： htm 文章标签： html css js

本文链接：https://blog.csdn.net/u010775335/article/details/106098046

版权

htm 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!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>

优惠劵

大炮走火

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
html列表，带滚动及超出高度部分隐藏的例子

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <style> /* 隐藏滚动条 */ #listView::-webkit-scrollbar { display: none; } </style> </head> <body> <!--overflow: overlay,超出部分
复制链接

扫一扫