css 不显示滚动条

作者：狂暴的酷发布日期:2025-11-10 浏览:50

/* 隐藏滚动条的 CSS 代码 */
/* 适用于 WebKit 浏览器（如 Chrome 和 Safari） */
::-webkit-scrollbar {
    display: none;
}

/* 适用于 IE 和 Edge */
body {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
}

/* 适用于 Firefox */
body {
    scrollbar-width: none; /* Firefox */
}

解释说明：

WebKit 浏览器（如 Chrome 和 Safari）：通过 ::-webkit-scrollbar 伪元素将滚动条设置为 display: none，从而隐藏滚动条。
IE 和 Edge：使用 -ms-overflow-style: none; 来隐藏滚动条。
Firefox：使用 scrollbar-width: none; 来隐藏滚动条。

请注意，虽然这些样式可以隐藏滚动条，但内容仍然可以通过鼠标滚轮或触摸板进行滚动。

上一篇：css >>>

下一篇：css文字加下划线