vue scrollup menu

Directive using vue js to show the menu when the user scrolls up and hide when scrolling down using pure javascript

Example

Online demo

https://wemboava.github.io/show-menu-when-scrolling-up/

Getting Started

install

npm i vue-scrollup-menu

Use

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

Import directive

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

    export default {
        name: 'Header',

        directives: {
            vueScrollupMenu
        },
    }
</script>

Or use directive globally

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

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