Angular & Bootstrap 主滚动条不起作用答案

【问题标题】：Angular & Bootstrap main Scrollbar not workingAngular & Bootstrap 主滚动条不起作用
【发布时间】：2021-10-07 19:40:03
【问题描述】：

我目前正在使用 Bootstrap 5 开发 Angular 应用程序。现在我注意到当元素溢出视图时，主 html/body 滚动条不起作用。我已经尝试了多种建议，例如设置固定高度，将溢出-y 设置为滚动或自动为正文和 html 设置溢出，为自定义 div 设置溢出，没有一个有效。我经常使用 ng-templates 和 ng-containers，所以这可能是滚动条不显示的原因。

我真的不知道要显示哪些代码部分，所以请随时询问我要分享的任何代码部分。

下面是问题的截图。

【问题讨论】：

注释掉你的css文件中的所有溢出设置。您还可以在 Chrome 开发者工具中查看隐藏滚动条的类。
@DaniloKörber 只有一个“卡片文本”类的元素溢出：隐藏，但该元素是卡片 div 的子元素

标签： html css angular bootstrap-5

【解决方案1】：

我安装了@ionic/angular 以便能够使用 ion-icon HTML 标签，我刚刚看到它在 body 标签中应用了很多奇怪的东西，例如溢出：隐藏等等。奇怪的是我无法覆盖溢出属性，这就是我卸载 @ionic/angular 并切换到 Bootstrap 图标的原因。

【讨论】：