0

我想阻止滚动条在 cdk-virtual-scroll 中默认移动?有办法吗?我一直在研究很多,但没有找到一种方法来做到这一点。

4

1 回答 1

0

完全防止滚动:

<cdk-virtual-scroll-viewport [style.overflow]="hidden">
// or toggling:
<cdk-virtual-scroll-viewport [style.overflow]="(enableScroll$ | async) ? 'auto' : 'hidden'">

隐藏滚动条但允许滚动:

<cdk-virtual-scroll-viewport [ngClass]="{hidden_scrollbar: hideScrollbar$ | async}">

.hidden_scrollbar {
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
   -ms-overflow-style: none; /* Internet Explorer 10+ */
 }
.hidden_scrollbar::-webkit-scrollbar {
  /* WebKit */
  width: 0;
  height: 0;
}
   
于 2021-07-29T10:05:41.023 回答