3. v-back-to-top on toolbar

v-back-to-top on toolbar

  • A

    hey, is there a way to use v-back-to-top directive on the toolbar like twitter?

    <div class=“toolbar” v-back-to-top>
    <!-- Toolbar title -->
    <q-toolbar-title :padding=“1”>
    Title
    </q-toolbar-title>
    <button>
    <i>mail</i>
    </button>
    </div>

    that what i did but seems not working

    0
  • Admin

    Back to top directive is supposed to make the node/component it is applied to to show only when a certain scroll threshold has been exceeded. If you want the toolbar to scroll to top when clicked then just add @click event which does this. Find the scrolling node and set .scrollTop native JS property to 0. If you want animation with that, then use the Animate API (http://quasar-framework.org/api/js-utils.html#Animate) to set this property.

    0
  • A

    this solved it, thank you

    0
Log in to reply