🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

vue-scrollup-menu is a Vue component that shows the menu when the user scrolls up and hide when scrolling down.

Menu_Navigation

Documentation

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

ezgif com-crop

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)

You May Also Like