前端技术

使用 CSS 隐藏元素的滚动条

当元素使用了 overflow: scroll 属性后,无论内容是否溢出,浏览器都会默认显示元素的滚动条,在视觉上造成了很大的干扰,使用 CSS 方法可让元素的滚动条不可见,同时也不影响元素的正常滚动。

// webkit, V8 内核浏览器
.element::-webkit-scrollbar {
  display: none;
}

// Firefox
.element {
  scrollbar-width: none;
}

// IE, Edge
.element {
  -ms-overflow-style: none;
}

PUJI Design 朴及设计 (c) 2024. 沪ICP备17052229号