@media only screen and(min-width: 1000px) { // or whatever breakpoint you want to use
*::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.4);
}
*::-webkit-scrollbar {
width: 0.5rem; // set the width to 0 and remove the rest to completely hide the scrollbar
}
*::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.4);
}
*::-webkit-scrollbar-thumb:hover {
background: rgba(0, 0, 0, 0.5);
}
}
2条答案
按热度按时间xeufq47z1#
我不认为完全删除桌面版应用的滚动条是一个好主意,有些人仍然喜欢使用滚动条,而不仅仅是使用鼠标滚轮。
但是无论如何,在移动的上它是自动隐藏的,所以你不需要(或不应该)担心它。在桌面上我所做的是定制滚动条,所以它看起来不那么奇怪与页面的其余内容,但你也可以隐藏它:
在
global.scss
avwztpqn2#