Hello! 欢迎来到小浪云数据!

如何使用 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 会限制其内容的高度并出现垂直滚动条,同时仍然允许用户对其内容进行滚动。

相关阅读