如何显示\隐藏按钮根据ionic4中的滚动

Question

我想在我的离子项目中使用scrollToTop。在我的代码中，scrollToTop正常工作，但我想在ionic中滚动内容时显示按钮。如何在离子中显示粘滞按钮，请帮助我... 在图像中，我的按钮显示在末尾，想要显示在中间，而当我滚动时显示。.

tab1.page.html

        <ion-content cache-view="false" (ionScrollStart)="logScrollStart()" (ionScroll)="logScrolling($event)"
          (ionScrollEnd)="logScrollEnd()" [scrollEvents]="true">
        <button class="scroll"  (click)="ScrollToTop()">
              <ion-icon name="arrow-dropup-circle"></ion-icon>
            </button>
            </ion-content>

tab1.page.ts

ScrollToTop(){
    this.content.scrollToTop(1500);
  }

Answer 1

对于“当我滚动时”，您可以通过以下方式检测您的心脏图标在可滚动卡片中是否可见：

How to Check if element is visible after scrolling?