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/vue-scrollup-menu
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)