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中的选择组件滚动问题了。

相关内容

热门资讯

详情透视!wepoker好友房... 详情透视!wepoker好友房开挂,微乐透视辅助功能插件下载,方案教程(有挂实锤)-哔哩哔哩1、超多...
解密透视!wejoker辅助软... 解密透视!wejoker辅助软件价格,微乐小程序自建房辅助,积累教程(详细教程)-哔哩哔哩1)wej...
普及透视!wepoker插件辅... 普及透视!wepoker插件辅助,淘宝的微乐辅助是真的吗,机巧教程(有挂助手)-哔哩哔哩1、不需要A...
总结透视!德普之星透视,微乐家... 总结透视!德普之星透视,微乐家乡app下载,模板教程(详细教程)-哔哩哔哩1、德普之星透视有没有辅助...
总结透视!hhpoker有透视... 总结透视!hhpoker有透视功能吗,微乐小程序自建房辅助器下载,练习教程(发现有挂)-哔哩哔哩1....
揭露透视!hhpoker有后台... 揭露透视!hhpoker有后台操作吗,微乐内蒙古自建房脚本免费下载,绝活教程(竟然有挂)-哔哩哔哩该...
开挂透视!智星德州辅助译码插件... 开挂透视!智星德州辅助译码插件靠谱吗,微乐脚本,积累教程(有挂方法)-哔哩哔哩1、这是跨平台的智星德...
解密透视!we-poker辅助... 解密透视!we-poker辅助软件教程,微乐自建房辅助神器怎么安装,指南书教程(真是有挂)-哔哩哔哩...
曝光透视!哈糖大菠萝挂,微信小... 曝光透视!哈糖大菠萝挂,微信小程序辅助器脚本,教材教程(有挂细节)-哔哩哔哩哈糖大菠萝挂是不是有人用...
推荐透视!aapoker怎么设... 推荐透视!aapoker怎么设置抽水,微乐脚本辅助器,方针教程(有人有挂)-哔哩哔哩1、实时aapo...