Javascript 如何删除网页上的滚动条，而它不是必需的？

我有一个弹出式菜单，我想滚动条出现时，它只能滚动（“当溢出”）。 但如果我申请

.popup-window {
    overflow-y: scroll;
}

它看起来像这样（不关心文本）：

在真实页面上，它看起来更糟糕

使用

。弹出窗口{
溢出y：隐藏；
}

使用

。弹出窗口{
溢出y：隐藏；
}

很简单，您不应该添加overflow-y:scroll，您需要默认属性

.popup-window {
  overflow-y: auto;
}

---

如果块溢出y，将显示滚动。可能需要添加溢出-x:hidden

很简单，您不应该添加溢出-y:scroll，您需要默认属性

.popup-window {
  overflow-y: auto;
}

---

如果块溢出y，将显示滚动。可能需要添加溢出-x:hidden

使用

溢出：auto

使其与

溢出-x

和

溢出-y

一起工作

它只会在需要时添加滚动条

。弹出窗口{
溢出：自动；
}

使用

overflow:auto

使其与

overflow-x

和

overflow-y

一起工作

它只会在需要时添加滚动条

。弹出窗口{
溢出：自动；
}

Overflow:hidden将禁用滚动条。它将被禁用，即使你需要它，你将无法滚动然后。如果他真的很想隐藏婴儿车，则始终将滚动条的宽度设置为0。这样你至少可以用鼠标滚轮或手指滚动。然而在他的情况下，他需要一个滚动条。所以他只需要将溢出设置为自动。溢出：隐藏将禁用滚动条。它将被禁用，即使你需要它，你将无法滚动然后。如果他真的很想隐藏婴儿车，则始终将滚动条的宽度设置为0。这样你至少可以用鼠标滚轮或手指滚动。然而在他的情况下，他需要一个滚动条。所以他只需要将溢出设置为自动。不要使用溢出：在任何正常情况下隐藏。它将禁用滚动功能，而不是防止溢出。如果溢出，您将无法滚动。如果您希望始终隐藏滚动条，但仍然能够使用滚轮或手指滚动，则需要将其高度/宽度设置为0。如果你得到一个x-scrollbar，那么首先你的完全响应性就出了问题。不要使用overflow：在任何正常情况下都隐藏。它将禁用滚动功能，而不是防止溢出。如果溢出，您将无法滚动。如果您希望始终隐藏滚动条，但仍然能够使用滚轮或手指滚动，则需要将其高度/宽度设置为0。如果你得到了一个x-scrollbar，那么首先你的完全响应性就出了问题。