html - 如何使前景垂直滚动而不是背景

Question

例如在 twitter 中，当我打开其他人的个人资料摘要时，右侧滚动条仅滚动个人资料摘要窗口（前景）而不是其后面的网页（背景）。我该怎么做，有什么建议吗？非常感谢。

Answer 1

如果您指的是模态弹出窗口，则需要在模态打开时应用overflow: hidden;到标签。body

您可以检测到弹出窗口何时打开。如果是这样，您可以为 body 标签设置一个类，例如modalOpen使用正确的样式。然后在模态关闭时删除此类。

编辑/添加： 如果您需要强制弹出窗口滚动然后应用overflow-y: scroll;它。

Answer 2

继续 Dave 的建议，我还要添加一件事。弹出窗口出现后，我只是overflow-y','scroll弹出窗口，因此它可以垂直滚动并在关闭时滚动overflow-y','hidden。非常感谢大家。