Question

我有一个带有滚动条的页面，我知道要删除它们，

body {
    overflow: hidden; 
}

将解决问题。关键是该代码会影响应用程序中的所有页面，我只希望该特定页面除去滚动。

Answer 1

您在这里有几种选择：

1。向您的<body>标签添加ID：

HTML：

<body id="pageID">...</body>

CSS：

#pageID {
    overflow: hidden; 
}

2。在需要您的CSS的页面正文中添加其他类：

HTML：

<body class="additionalClass">...</body>

CSS：

.additionalClass {
    overflow: hidden; 
}

3。使用<style>标签将CSS代码直接添加到需要HTML的位置：

HTML：

<head>
    <style>
        body {
            overflow: hidden; 
        }
    </style>
</head>

<body>...</body>

4。将内联CSS代码直接添加到您的<body>标记中：

HTML：

<body style="overflow: hidden;">...</body>

Answer 2

因此，您仅需要在某些页面上应用此CSS属性（溢出）。您可以通过以下几种方式进行操作：

示例CSS文件：

<html>
    <head>...</head>
    <body id='no-scroll' class='no-scroll'>...</body>
</html>

HTML文件示例：

{{1}}

Answer 3

最简单的方法是在每个页面的body标签中添加内联CSS