html隐藏滚动条

作者：ー辈ふ只寵你人发布日期:2026-04-14 浏览:70

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

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

/* 适用于Firefox */
body {
    overflow: -moz-scrollbars-none;
}

解释说明：

Webkit浏览器（如Chrome、Safari）：通过自定义滚动条样式 ::-webkit-scrollbar 并将其 display 属性设置为 none 来隐藏滚动条。
IE和Edge：使用 -ms-overflow-style 属性并设置为 none 来隐藏滚动条。
Firefox：使用 overflow: -moz-scrollbars-none 来隐藏滚动条。

请注意，虽然这些方法可以隐藏滚动条，但页面仍然可以滚动。如果你希望完全禁用滚动，请考虑其他方法，例如将 overflow 设置为 hidden。

上一篇：html中换行

下一篇：html属性