Non-Sticky Q-Footer

[francis6425]

How do i create a non sticky footer to be displayed on every page at the end of the content (even though the content may be longer than the view) ?

[Ilia]

@francis6425 Would this one work? You should be interested in “fff” paramater in view for that. https://quasar.dev/layout-builder

<template>
  <q-layout view="hHh lpR fff">

    <q-page-container>
      <router-view />
    </q-page-container>

    <q-footer elevated class="bg-grey-8 text-white">
      <q-toolbar>
        <q-toolbar-title>
          <q-avatar>
            <img src="https://cdn.quasar.dev/logo/svg/quasar-logo.svg">
          </q-avatar>
          Title
        </q-toolbar-title>
      </q-toolbar>
    </q-footer>

  </q-layout>
</template>