AngularMaterial-选择组件滚动问题
创始人
2024-10-28 07:31:57
0

我们可以使用CSS的"panelClass"特性来解决Angular Material中的选择组件滚动问题。我们需要设置一个最大高度和一个overflow属性,如下所示:

HTML代码:


  
    {{item.label}}
  

CSS代码:

.scroll-select-panel {
  max-height: 250px;
  overflow-y: auto !important;
}

在CSS代码中,我们将 .scroll-select-panel 的最大高度设置为250像素,并将溢出设置为自动。另外,我们还定义了 .scroll-select 的类,在筛选器中通过使用ngClass来自动添加到选择组件中,这将告诉我们在items的数量超过5时,需要应用滚动特性。

最后,我们需要将我们的CSS样式应用于整个应用程序,我们将其添加到样式表中:

@import "node_modules/@angular/material/prebuilt-themes/indigo-pink.css";

.scroll-select {
  width: 100%;
}

.scroll-select-panel {
  max-height: 250px;
  overflow-y: auto !important;
}

这样我们就可以成功地解决Angular Material中的选择组件滚动问题了。

相关内容

热门资讯

脚本总结!aapoker怎么选... 脚本总结!aapoker怎么选牌,aapoker怎么设置抽水(透视)总是是有挂(哔哩哔哩)1、该软件...
脚本教你!wpk辅助,wpk透... 脚本教你!wpk辅助,wpk透视怎么安装(透视)原来有工具(哔哩哔哩)1)有没有挂:进一步探索有辅助...
脚本推荐!wpk透视是真的吗,... 脚本推荐!wpk透视是真的吗,wpk俱乐部是做什么的(透视)其实真的有软件(哔哩哔哩)1、免费脚本咨...
透视解密!aapoker怎么提... 透视解密!aapoker怎么提高中牌率,aapoker怎么选牌(透视)本来是真的软件(哔哩哔哩)1、...
脚本透视!hhpoker怎么破... 脚本透视!hhpoker怎么破解,hh poker透视器下载(透视)切实是真的工具(哔哩哔哩)1、完...
脚本开挂!wpk软件是真的吗,... 脚本开挂!wpk软件是真的吗,wpk俱乐部是真的吗(透视)本来是真的app(哔哩哔哩)破解侠是真的助...
透视普及!aapoker辅助插... 透视普及!aapoker辅助插件工具,aapoker透视脚本(透视)一直是有攻略(哔哩哔哩)1、辅助...
透视开挂!wpk德州局怎么透视... 透视开挂!wpk德州局怎么透视,wpk透视插件(透视)切实真的有器(哔哩哔哩)德州局怎么透视脚本下载...
透视解密!德普之星辅助工具如何... 透视解密!德普之星辅助工具如何设置,德普辅助软件(透视)一直真的是有插件(哔哩哔哩)在进入软件靠谱后...
透视必备!德普之星怎么设置埋牌... 透视必备!德普之星怎么设置埋牌,德普之星透视辅助软件(透视)好像真的是有软件(哔哩哔哩)1、脚本辅助...