css 怎么设置内容滚动,滚动条隐藏

html-css021

css 怎么设置内容滚动,滚动条隐藏,第1张

css操作滚动条:

::-webkit-scrollbar-track {

background-color: #b46868

} /* 滚动条的滑轨背景颜色 */

::-webkit-scrollbar-thumb {

background-color: rgba(0, 0, 0, 0.2)

} /* 滑块颜色 */

::-webkit-scrollbar-button {

background-color: #7c2929

} /* 滑轨两头的监听按钮颜色 */

::-webkit-scrollbar-corner {

background-color: black

} /* 横向滚动条和纵向滚动条相交处尖角的颜色 */

隐藏滚动条

在任何情况下,如果网页超出显示范围,就会出现滚动条。但有时我们并不想让它显示,如何隐藏它呢?只需在<body></body>之间插入代码:<body style="overflow-x:hiddenoverflow-y:hidden">即可。其中x表示水平滚动条,将其改为y的话就可以隐藏垂直滚动条。

这里有方法,自己看看吧:http://www0.ccidnet.com/school/web//2002/08/27/100_7491.html