css 如何避免在滚动时在固定的垫子工具栏标题上呈现垫子选项？

vwkv1x7d 于 2024-01-09 发布在其他

关注(0)|答案(1)|浏览(127)

我是新的Angular ，我试图实现一个布局，我有一个工具栏/标题，我想被固定在所有组件的顶部。和所有其他组件（包括路由器出口）下呈现的工具栏/标题。
但是如果我使用一个自动填充，打开选项，不选择任何选项，滚动页面到底部，自动填充选项会呈现在标题上方，而不是像其他内容一样呈现在标题下方。
MatOptions rendered over the MatToolbar
我尝试将工具栏的z索引设置为2000，因为自动完成选项的z索引是1000。但我仍然得到呈现在标题上方而不是下方的选项。
问题可以在这里重现：https://stackblitz.com/edit/angular-material-autocomplete-zvys8y?file=app%2Fautocomplete-overview-example.html
我如何才能避免这种情况？

css

来源：https://stackoverflow.com/questions/77770640/how-do-i-avoid-the-mat-options-to-render-over-a-fixed-mat-toolbar-header-when-sc

1条答案

按热度按时间

fjnneemd1#

您应该能够通过将mat-header移动到mat-sidenav-container之外来完成此操作

<mat-toolbar color="primary" class="position-fixed text-start">
 ...
</mat-toolbar>

<mat-sidenav-container>
 ...
</mat-sidenav-container>

字符串
https://stackblitz.com/edit/angular-material-autocomplete-jokcqx?file=app%2Fautocomplete-overview-example.html

的数据

赞(0）回复(0）举报 2024-01-09

我来回答

css 如何避免在滚动时在固定的垫子工具栏标题上呈现垫子选项？

1条答案

相关问题

热门标签

最新问答