如何在路由器插座中上下滚动时隐藏或显示垫工具栏

问题描述

我正在从事Angular 10项目。该项目非常简单，我在下面进行了简化：

app.component.html

<mat-sidenav-continer>

 <mat-sidenav>
  <mat-nav-list>...navigation list</mat-nav-list>
 </mat-sidenav>

 <mat-sidenav.content>

  <mat-toolbar>
   ...logo and navigation list
  </mat-toolbar>

  <router-outlet></router-outlet>

  <app-footer></app-footer> // custom component for footer

 </mat-sidenav.content>
</mat-sidenav-continer>

我想在向下滚动时隐藏工具栏，在向上滚动时显示它，但是滚动发生在路由器插座中，所以我无法捕获该事件。

您可以帮助我实现这一目标，还是可以建议一个更好的设计来达到相同的结果？

提前谢谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）