如何在滚动中隐藏离子/vue3中的标头

Question

我想知道如何通过向下滚动页面滚动，然后在滚动时重新展示它，然后将其隐藏在Ionic中。

我尝试了我在互联网上找到的每件事，但对我无效

Answer 1

您可以在ion-content上使用事件：

例如：

<template>
  <ion-content
    :scroll-events="true"
    @ionScrollStart="logScrollStart()"
    @ionScroll="logScrolling($event)"
    @ionScrollEnd="logScrollEnd()">
      <h1>Main Content</h1>

      <div slot="fixed">
        <h1>Fixed Content</h1>
      </div>
  </ion-content>
</template>

<script>
import { IonContent } from '@ionic/vue';
import { defineComponent } from 'vue';

export default defineComponent({
  components: { IonContent }
});
</script>

documentation> a>