[Vuejs]-Hide scrollbar in quasar webapp

by

0👍

✅

Fixed by wrapping the main container into a scroll-area and styling it:

<q-scroll-area style="height: 100vh; max-width: 100vw;" :bar-style="{width: '0px'}" :thumb-style="{width: '0px'}">
  <q-page-container style="max-width: 100vw;" class="desktop-hide bg_all">
    <router-view v-slot="{ Component }">
      <transition
        enter-active-class="animated fadeIn"
        leave-active-class="animated fadeOut"
      >
        <component :is="Component" />
      </transition>
    </router-view>
  </q-page-container>
</q-scroll-area>

Leave a comment