How to hide the Scroll Bar in the ios Simulator? (Vue.js)

mariojelecevic · May 6, 2021, 6:18pm

Hello,

I have a problem with hiding the Scroll Bar on scrolling. Can someone help me how to solve that? Thanks.

This is my code.

<template>
  <ion-page>
    <ion-content :scroll-events="true" :scroll-y="true" :fullscreen="false">
      <div v-for="item in items" :key="item.id">
        {{item.id}}
      </div>
    </ion-content>
  </ion-page>
</template>

Ionic version:

Ionic:

   Ionic CLI       : 6.13.1 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework : @ionic/vue 5.6.3

Capacitor:

   Capacitor CLI   : 2.4.6
   @capacitor/core : 2.4.6

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   NodeJS : v14.16.0 (/usr/local/bin/node)
   npm    : 7.6.0
   OS     : macOS Big Sur

And here is a Screenshot.