mat-sidenav-content内的固定元素>> [

Question

我希望在mat-sidenav-content内有一个固定元素，同时当鼠标悬停在该固定元素上时，仍然允许用户滚动其后面的内容。

这是一个堆栈闪电示例：https://stackblitz.com/edit/angular-khterh?file=src%2Fapp%2Fapp.component.html

注意，当光标在div的列表上时，它们将按预期方式滚动，但是如果光标在固定元素上，则无法滚动。

我想避免简单地将pointer-events: none添加到固定元素，因为最终将有交互式功能。左侧导航栏应留在原处。

this SO post中讨论的解决方案似乎很相关，但是我无法在此处成功实现它们。

我希望在mat-sidenav-content内有一个固定元素，同时当鼠标悬停在该固定元素上时，仍然允许用户滚动其后面的内容。这是一个堆叠闪电战...

Answer 1

简单地将pointer-events: none;添加到.inner-sidenav css定义。