css - 如何删除滚动条并允许滚动?

原文 标签 css

我已经尝试了几乎所有看到的内容,但仍然无法正常工作。如何删除滚动条但可以滚动?



<head>
<style>

body{
	background-size: 100% 100%;
	font-smooth: never;
	-webkit-font-smoothing : none;
	text-shadow: none;
	word-wrap: break-word;
	padding: 0;
	line-height:12.000000*1.1px;
	font-size:12.000000px;
	font-family:Arial;
	font-color:#FFFFFF;
	font-weight: bold;
	width:90%;
	height:90%;
	}
</style>

</head>

最佳答案

从技术上讲,您不能。但是,您可以设置所有滚动条组件的样式,使其对于主体而言实际上是不可见的:

::-webkit-scrollbar{background-color:#fff;color:#fff;width:0;height:0}
::-webkit-scrollbar-button{background-color:#fff;color:#fff;width:0;height:0}
::-webkit-scrollbar-track{background-color:#fff;color:#fff;width:0;height:0}
::-webkit-scrollbar-track-piece{background-color:#fff;color:#fff;width:0;height:0}
::-webkit-scrollbar-thumb{background-color:#fff;color:#fff;width:0;height:0}
::-webkit-scrollbar-corner{background-color:#fff;color:#fff;width:0;height:0}
::-webkit-resizer{background-color:#fff;color:#fff;width:0;height:0}}


这将适用于Webkit浏览器。

关于css - 如何删除滚动条并允许滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38172560/

相关文章:

CSS:创建带纹理的背景

javascript - 在Splunk中可以使用甘特图放大功能吗?

javascript - 用户使用 select2 更改所选元素的字体颜色

css - CSS类名称/选择器中哪些字符有效?

jquery - Kendo Ui Window文本框焦点

html - 下拉列表在 Firefox 中不可见

javascript - Bootstrap 选项卡的问题

html - 如何在没有 Javascript 的情况下使 Ul 可点击

css - 如何使用 CSS flex 从父 DIV 到子 DIV 获得 100% 的高度

jquery - CSS淡化多个图像。延迟不透明度过渡。 Webkit转换延迟