overflow:scroll隐藏滚动条
时间: 2023-06-05 17:47:24 浏览: 443
可以使用 CSS 的 overflow 属性来隐藏滚动条。具体方法是:
```css
body::-webkit-scrollbar {
width: 0.2em;
background-color: #F5F5F5;
}
body::-webkit-scrollbar-thumb {
background-color: #000000;
}
```
这段代码可以隐藏页面的滚动条。
相关问题
overflow:scroll的滚动条怎么隐藏
可以使用CSS中的`::-webkit-scrollbar`伪元素来隐藏`overflow:scroll`的滚动条,具体代码如下:
```
::-webkit-scrollbar {
width: 0;
height: 0;
}
```
这样就可以隐藏滚动条了。但需要注意的是,这种方法只能隐藏Webkit内核浏览器(比如Chrome、Safari)中的滚动条,其他浏览器可能需要使用不同的方法来实现滚动条的隐藏。
overflow:scroll 设置滚动 ,但是不显示滚动条 如何写
你可以通过以下CSS样式来实现滚动但不显示滚动条:
```css
.element {
overflow: scroll;
-ms-overflow-style: none; /* IE11 */
scrollbar-width: none; /* Firefox 64+ */
}
.element::-webkit-scrollbar {
display: none; /* Chrome, Safari, Opera */
}
```
这样,设置了`overflow: scroll`属性后,滚动条将会出现,但通过添加额外的CSS样式,可以隐藏滚动条。`-ms-overflow-style: none`用于隐藏IE11的滚动条,而`scrollbar-width: none`和`::-webkit-scrollbar`则用于隐藏Firefox、Chrome、Safari和Opera等浏览器的滚动条。
阅读全文