2

备注：我已经检查了这篇文章和角度文档中的这个 api，它们对我没有帮助。

大家好，我正在创建一个 Ionic 应用程序，其结构如下所示：

...
<ion-row>
  <ion-col>
    <div>
      Section
    </div>
    <app-custom-component [data]='customData'></app-custom-component>
  </ion-col>
</ion-row>
...

在app-custom-component所有的 html 元素都依赖于该data输入。这就是为什么我有这样的事情：

<ion-content> 
  <div *ngIf="data">
...

然而，到目前为止一切都很好，但问题是 shadow-dom 创建了滚动行为，添加了一个额外的元素，如下所示：

#shadow-root(open)
  <style></style>
  <div class="inner-scroll scroll-y"><slot></slot></div>
...

它添加了滚动行为并隐藏了我在 div 中创建的所有内容，高度为 30px。我曾尝试搜索其他类似问题或将scroll-y: visible !important其添加到我的 div 中但没有成功。我该怎么做才能从 shadow-dom 创建的元素中删除滚动？

4

0 回答 0