CSS实现隐藏滚动条

最新推荐文章于 2024-07-06 14:50:03 发布

编程微刊

最新推荐文章于 2024-07-06 14:50:03 发布

阅读量330

点赞数

本文链接：https://blog.csdn.net/qq_38822390/article/details/90515451

版权

今天记录一个很小的问题，在工作之中会经常遇到的，当页面元素溢出的时候会产生滚动条，这个时候需要页面样式优化：CSS实现隐藏滚动条但是可以滚动。

body::-webkit-scrollbar {
    display: none;
}

示例代码

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.cont {
				width: 200px;
				height: 200px;
				border: 1px solid #000000;
				overflow-x: hidden;
			}
			
			.cont::-webkit-scrollbar {
				display: none;
			}
		</style>
	</head>

	<body>
		<div class="cont">
			<p>王小婷</p>
			<p>王小婷</p>
			<p>王小婷</p>
			<p>王小婷</p>
			<p>王小婷</p>
			<p>王小婷</p>
		</div>
	</body>

</html>

原文作者：祈澈姑娘关注「编程微刊」公众号，在微信后台回复「小程序」，获取小程序开发全套资料和500G编程资源教程。

编程微刊

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS实现隐藏滚动条

今天记录一个很小的问题，在工作之中会经常遇到的，当页面元素溢出的时候会产生滚动条，这个时候需要页面样式优化：CSS实现隐藏滚动条但是可以滚动。body::-webkit-scrollbar { display: none;}示例代码<!DOCTYPE html><html> <head> <meta charset="UTF-...
复制链接

扫一扫