css div内容左右滑动隐藏滚动条

ccjavac

于 2020-05-19 13:55:52 发布

阅读量2.2k

点赞数 1

分类专栏：常用代码文章标签： css

本文链接：https://blog.youkuaiyun.com/ccjavac/article/details/106213029

版权

常用代码专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用CSS实现div内容在左右滑动时隐藏滚动条，提供了一个HTML与CSS相结合的示例，帮助开发者创建更加美观且交互友好的布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html:

<div class="bigBox">
	<div class="smallBox"></div>
	<div class="smallBox"></div>
	<div class="smallBox"></div>
	<div class="smallBox"></div>
	<div class="smallBox"></div>
	<div class="smallBox"></div>
	<div class="smallBox"></div>
</div>

css:

.bigBox{white-space: nowrap; overflow-y: auto;}//不换行 
.bigBox::-webkit-scrollbar{display: none;} //隐藏滚动条
.smallBox{display: inline-block;}