有沒有辦法在 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;
}