如何在 HTML 页面上隐藏滚动条
主题：HTML / CSS上一页|下一页
答案：使用 CSS overflow 属性
您可以简单地在 <body> 元素上应用值为 hidden 的 CSS overflow 属性来隐藏 HTML 页面上的滚动条。 但是，如有必要，内容将被剪裁以适合填充框。
让我们试试下面的例子来了解它的基本工作原理：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Hiding Scrollbar on a Web Page</title>
<style>
body{
overflow: hidden;
}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam eu sem tempor, varius quam at, luctus dui. Mauris magna metus.</p>
</body>
</html>或者，您可以通过将 overflow-x 属性设置为 hidden 来隐藏水平滚动条，通过将 overflow-y 属性设置为 hidden 来隐藏垂直滚动条。
FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答：
Advertisements