css 禁用滚动条

作者：黑白灰调发布日期:2025-03-02 浏览:130

/* 禁用整个页面的滚动条 */
html {
  overflow: hidden;
}

/* 如果只需要禁用特定元素的滚动条，可以使用以下代码 */
.element {
  overflow: hidden;
}

禁用整个页面的滚动条：通过设置 html 或 body 的 overflow 属性为 hidden，可以禁用整个页面的滚动条。这意味着用户将无法通过滚动条来滚动页面内容。
禁用特定元素的滚动条：如果你只想禁用某个特定元素的滚动条，可以将 overflow: hidden; 应用到该元素的选择器上。这将阻止该元素内部的内容溢出并显示滚动条。

如果需要恢复滚动功能，可以将 overflow 设置回 auto 或 scroll。