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/

相关文章:

javascript - 斜体字体样式不适用于元素的类属性

html - 如何在 CSS 中制作高度不断变化的固定顶部菜单栏?

html - 为什么 flex 元素不缩小过去的内容大小?

jquery - CSS 无法检索元素的属性

html - :target selector on dynamic generated element not affect

html - 列上的 960gs 问题

jquery - 如何在 jquery 中定位多个 css 选择器

html - 使用 flex 滚动一个 div 而不是另一个?

php - 在 Javascript 中分配 session 变量

HTML/CSS 按钮位置?