之前隐藏滚动条一直用的::-webkit-scrollbar(chrome)和scrollbar-......-color一套(ie)。
ie下貌似只能修改颜色,于是我把它改成和背景一样,假装它隐藏了。。。
某日在研究某站时发现了另一种思路:套个div,用overflow: hidden把它隐藏起来,但得计算宽度。最近看了点css3.总结出了两种隐藏滚动条的做法:
手机浏览器的滑动条可以通过CSS样式来进行隐藏。有两种方法可以实现:
1. 使用CSS样式的overflow属性来隐藏滑动条,将其值设置为hidden。例如:
```css
body {
overflow: hidden;
}
```
2. 使用CSS样式的::-webkit-scrollbar伪元素来自定义滑动条,将宽度设置为0.颜色设置为透明。例如:
```css
body::-webkit-scrollbar {
width: 0;
background: transparent;
}
```
这两种方法可以根据需求选择使用,一般采用第二种方法可以更好地控制滑动条的样式。