将此CSS代码复制到隐藏滚动条的客户代码：

<style>

    ::-webkit-scrollbar {
       display: none;
    }

    #element::-webkit-scrollbar {
       display: none;
    }

</style>

设置溢出：隐藏；在body标签上，如下所示：

<style type="text/css">
    body {
        overflow: hidden;
    }
</style>

上面的代码“隐藏”了水平和垂直滚动条。

如果要仅隐藏垂直滚动条，请使用overflow-y：

<style type="text/css">
    body {
        overflow-y: hidden;
    }
</style>

如果您只想隐藏水平滚动条，请使用overflow-x：

<style type="text/css">
    body {
        overflow-x: hidden;
    }
</style>

如果需要，内容将被剪裁以适合填充框。不提供滚动条，也不允许用户滚动（例如通过拖动或使用滚轮）。内容可以通过编程方式滚动（例如，通过设置属性值，如offsetLeft），因此元素仍然是滚动容器。（来源）

使用CSS溢出属性：

.noscroll {
  width: 150px;
  height: 150px;
  overflow: auto; /* Or hidden, or visible */
}

以下是更多示例：

溢出-x，溢出-y测试CSS溢出属性

这对我来说适用于简单的CSS财产：

.container {
    -ms-overflow-style: none;  // Internet Explorer 10+
    scrollbar-width: none;  // Firefox
}
.container::-webkit-scrollbar { 
    display: none;  // Safari and Chrome
}

对于旧版本的Firefox，请使用：overflow:-moz滚动条none；

要禁用垂直滚动条，只需添加overflow-y:hidden；。

了解更多信息：溢出。

将此CSS代码复制到隐藏滚动条的客户代码：

<style>

    ::-webkit-scrollbar {
       display: none;
    }

    #element::-webkit-scrollbar {
       display: none;
    }

</style>