如何使用 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 出现滚动条？的详细内容，更多请关注抖狐科技其它相关文章！