css 去除滚动条

作者：让固执流亡丶发布日期:2026-05-27 浏览:56

/* 去除滚动条的 CSS 代码 */

/* 方法一：隐藏整个页面的滚动条 */
html {
  overflow: hidden;
}

/* 方法二：仅隐藏特定元素的滚动条（例如一个 div） */
div.no-scrollbar {
  overflow: hidden;
}

/* 方法三：隐藏滚动条但仍然可以滚动（适用于某些浏览器，如 Chrome 和 Safari） */
body::-webkit-scrollbar {
  display: none;
}

/* 解释说明：
1. 方法一通过设置 html 的 overflow 属性为 hidden 来隐藏整个页面的滚动条。
2. 方法二通过设置特定元素（如 div）的 overflow 属性为 hidden 来隐藏该元素的滚动条。
3. 方法三使用 ::-webkit-scrollbar 伪类来隐藏滚动条，但内容仍然可以滚动，适用于 WebKit 内核的浏览器（如 Chrome 和 Safari）。 */

上一篇：css :active

下一篇：css垂直水平居中