::-webkit-scrollbar {/隐藏滚轮/
display: none;
}
一般搜到的方法是这样,给各位演示一下:
这样会挡住一些小图片很难受,加入隐藏滚轮后效果如下:
就很舒适,这其中也有一些小坑,比如说写法上是
此时这个.song_list与::-webkit-scrollbar直接是不能空格的,空格就效果显示不出来,但如果是ul上面的div标签的话来加这个隐藏滚动条属性的话中间就可以空格,这一点让我实在纳闷。
但这只是一个小坑,我遇到的问题呢是火狐浏览器没法正确使用这个方法来隐藏滚动条,所以我在网上搜了一波火狐浏览器的用法,现推荐给大家
scrollbar-width: none;
具体用法如下:
把注释解掉就可以火狐浏览器以及Chrome浏览器都能隐藏了,当然这都是小坑,在网上都能搜到,各位加油一起学。