如何使用 overflow:scroll 使 Top2 出现滚动条?

如何使用 overflow:scroll 使 top2 出现滚动条?

使用 overflow:scroll 使 top2 出现可用滚动条

当希望在 top1 下方显示具有可用滚动条的 top2 时,可以考虑使用 overflow:scroll 样式属性。

示例代码中,top1 和 top2 元素都设置了 overflow:visible !important; 属性,但这会导致 top2 的内容超出了它自身的高度。要启用滚动条,可以将 top2 中的 visible 替换为 scroll:

.Top1 {
  overflow: visible !important;
}

.Top2 {
  overflow: scroll !important;
}

通过此更改,top2 会限制其内容的高度并出现垂直滚动条,同时仍然允许用户对其内容进行滚动。

以上就是如何使用 overflow:scroll 使 Top2 出现滚动条?的详细内容,更多请关注其它相关文章!