当元素使用了 overflow: scroll 属性后,无论内容是否溢出,浏览器都会默认显示元素的滚动条,在视觉上造成了很大的干扰,使用 CSS 方法可让元素的滚动条不可见,同时也不影响元素的正常滚动。
// webkit, V8 内核浏览器
.element::-webkit-scrollbar {
display: none;
}
// Firefox
.element {
scrollbar-width: none;
}
// IE, Edge
.element {
-ms-overflow-style: none;
}