html - 如何防止组件覆盖 ionic

Question

我正在做一个 ionic 元素，似乎卡在了某件事上。我正在设计一个可扩展组件，用于监听 ionScroll 事件并调整标题栏的大小。标题栏工作正常，但每当它应该消失时，它就会留下一种覆盖我的 ionContent 组件的容器。

上图显示了组件不应该显示时左侧的叠加层，以及应该显示时我们可以在右侧看到的组件。这是我的 CSS 代码

expandable {
    display: flex;
    height: 0px;
    background-color: map-get($colors, primary);
    overflow: hidden;
    position: block;
    z-index: -1;
}

Answer 1

我终于明白了。为了防止覆盖使用

this.contentArea.resize();

此函数调整您的内容占据的区域