如何隐藏掉滚动轴而不影响滚动

LxyingINGing

于 2024-03-19 14:17:47 发布

阅读量1.3k

点赞数 6

分类专栏： css 文章标签： css 前端

本文链接：https://blog.youkuaiyun.com/LxyingINGing/article/details/136841311

版权

css 专栏收录该内容

4 篇文章

订阅专栏

可以使用CSS的::-webkit-scrollbar伪类选择器来定制滚动条的样式.

        .aside::-webkit-scrollbar {
			width: 0.5em;
		}

		.aside::-webkit-scrollbar-track {
			background-color: transparent;
		}

		.aside::-webkit-scrollbar-thumb {
			background-color: transparent;
		}

这种方法只在支持Webkit内核的浏览器上有效，例如Chrome和Safari。其他浏览器可能需要使用不同的样式规则来隐藏滚动条.

如果是简单的隐藏滚动条，不考虑滚动状态，可以用：

overflow:hidden;//隐藏

overflow-y:hidden;//隐藏y轴滚动条

overflow-x:hidden;//隐藏x轴滚动条