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

时间:2016-07-03 17:30:33

标签: 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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

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

::-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浏览器。