如何檢測墊sidenav容器滾動事件

我無法弄清楚如何檢測時角材料墊sidenav容器滾動2.如何檢測墊sidenav容器滾動事件

我想調用一個方法，我的組件當用戶滾動時。但是，當使用sidenav容器時，滾動事件不再在窗口上觸發。

取而代之的是添加一個額外的<mat-sidenav-content cdkscrollable></mat-sidenav-content>元素，這是滾動條的位置。如果我無法直接訪問該組件並將其放置在事件監聽器上，那麼如何在此組件上進行滾動檢測。

任何想法？

來源

2017-10-29 Chris

我想知道這一點！ – Willwsharp

你能告訴我你的css文件嗎？我也遇到過同樣的問題，但是由於下面的CSS被應用到mat-sidenav-container。

height: 100vh;

來源

2017-11-02 04:06:58

您應該使用Material2示例"Sidenav with a FAB"。

請把滾動內容與格：

<mat-sidenav-container class="example-sidenav-fab-container"> 
    <mat-sidenav #sidenav mode="side" opened="true"> 
    ... 
    </mat-sidenav> 
    <div class="example-scrolling-content" (scroll)="handleScroll($event)"> 
    ... content ... 
    </div> 
</mat-sidenav-container>

，這應該是你的CSS：

.example-scrolling-content { 
    overflow: auto; 
    height: 100%; 
}

來源

2017-11-17 21:10:52 user1848754

而不是讓角自動插入標記，在HTML的標籤side-nav-content。然後你可以添加監聽器。

<mat-sidenav-container> 
    <mat-sidenav> 
    </mat-sidenav> 
    <mat-sidenav-content (scroll)="myScrollHandler($event)"> 
    </mat-sidenav-content> 
</mat-sidenav-container>

來源

2018-03-02 21:56:08 jm22

如何檢測墊sidenav容器滾動事件

回答

相關問題