html - 如何使页面不可滚动？

Question

我正在处理一个包含垂直下拉菜单的页面。但是，当菜单下拉时，它会将其下方的文本向下推并离开页面。这是意料之中的，但这会启用页面侧面的滚动条。我想知道有没有办法摆脱这个。换句话说，它不应该只是不滚动，甚至不应该提供滚动选项。

谢谢！

Answer 1

如果您不希望出现滚动条并且不发生任何滚动，请在div包含所述下拉列表的 CSS 中使用

overflow: hidden;

不过，这将切断任何“附加内容”；在这里看一个例子

Answer 2

overflow: hidden;在要隐藏滚动条的元素上使用。