有没有办法在 angular cdk-virtual-scroll 中禁用滚动？

Question

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

Answer 1

完全防止滚动：

<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;
}