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

【问题标题】：How to show\Hide button according to scrolling in ionic4如何根据ionic4中的滚动显示\隐藏按钮
【发布时间】：2019-04-08 19:00:43
【问题描述】：

我想在我的 ionic 项目中使用 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);
  }

【问题讨论】：

标签： ionic-framework ionic4

【解决方案1】：

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

How to Check if element is visible after scrolling?

【讨论】：