根据 Angular 中的条件动态更新 CSS 样式

Question

我的团队使用 ng-multiselect-dropdown 实现了一个 multi-select 下拉列表，我遇到了一个错误，其中正文 div 会随着高度滚动触发下拉菜单时的下拉选项，无论下拉框本身的高度如何。

这个问题可以在这里看到：[example] & has also been submitted to the ng-multiselect-dropdown issue board [x]，但是还没有更新。

此问题的快速解决方法是设置 body {overflow: hidden}，但我仍然需要溢出功能来显示我页面上的所有数据。

如果下拉列表已 triggered/is 处于活动状态，是否有一种方法可以从正文中删除溢出？

感谢您的帮助！

Answer 1

根据 github 上的问题解决方法，您只需在 .dropdown-list class 上设置 overflow-y: hidden。将下面的代码片段添加到 styles.css 似乎可以解决问题。

.dropdown-list {
  overflow-y: hidden;
}

您可以查看现场示例in this stackblitz

Dynamically updates CSS styles based on condition in Angular