Directive Using Vue js To Show The Menu When The User Scrolls

vue scrollup menu directive using vue js to show the menu when the user scrolls up and hides when scrolling down using pure javascript.

vue scrollup menu bar, navigation component android example github, navigation component with bottom navigation, vue scrollup menu not working, vue scrollup menu item

How to make use of it:

Install and Download:

npm i vue-scrollup-menu

Usage

<template>
    <header v-vue-scrollup-menu class="header"></header>    
</template>

<script>
    import vueScrollupMenu from 'vue-scrollup-menu'

    export default {
        name: 'Header',

        directives: {
            vueScrollupMenu
        },
    }
</script>

import Vue from 'vue'
import vueScrollupMenu from 'vue-scrollup-menu'

Vue.directive('vue-scrollup-menu', vueScrollupMenu)

smart top navigation component, vue scrollup menu Plugin/Github

See Demo And Download

Official Website(wemboava): Click Here

This superior jQuery/javascript plugin is developed by wemboava. For extra advanced usage, please go to the official website.