Press "Enter" to skip to content

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)

vue-scrollup-menu-example

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.

Be First to Comment

    Leave a Reply

    Your email address will not be published.