html - ion-scroll 显示滚动条

Question

我试图隐藏我的滚动条ion-scroll我已经尝试了一切并且无法让它消失。有人可以帮我吗？我已经尝试了所有属性，并且我还使用了类似 css::-webkit-scrollbar并将其设置为display: none;. 这很好地将它隐藏在浏览器中，但是当我在模拟器或我的物理 iPhone 上查看它时，它仍然显示。这是我的ion-scroll。

<ion-scroll scrollX="true" scrollbar-x="false" id="contests-filter">
  <ion-row nowrap class="app-padding">
    <div *ngFor="let name of filterNames;">
      <ion-chip>
        <ion-label>{{ name }}</ion-label>
      </ion-chip>
    </div>
  </ion-row>
</ion-scroll>

标签： htmlcssionic-frameworkionic3

Answer 1

尝试在 CSS 中添加 [overflow-y: auto;] OR [overflow-x: hidden]。