vue-scroll-fixed-navbar

A Simple vue scroll fixed navbar package which will help you to fix the top header or navbar while scrolling the screen.
1,667 4
vuejs vue2 fixed-header scroll-fixed-header sticky-header vue-fixed-header vue-fixed-scroll-header top-fixed-header vuejs-scroll-fixed-header vuejs-fixed-header vue-scroll-fixed-navbar vue-top-fixed-navbar vue-top-fixed-header fixed-scroll-header scroll-fixed-navbar vue-fixed-header-on-scroll
Install
npm install vue-scroll-fixed-navbar
Latest Version:0.2.2
Vue:2
License:MIT
Last Updated:Jun 6, 2021
Links: GitHub  ·  npm
Maintainer: mohsin_ali

Vue Scroll Fixed Navbar

A Simple vue scroll fixed navbar package which will help you to fix the top header or navbar while scrolling the screen.

Demo

view vue-scroll-fixed-navbar

Buy Me a Coffee

Support me on Patreon

Installation

With build systems

npm install --save vue-scroll-fixed-navbar

yarn add vue-scroll-fixed-navbar

To make the plugin available globally

In your main.js:

import VueScrollFixedNavbar from "vue-scroll-fixed-navbar";

Vue.use(VueScrollFixedNavbar);

To include only in specific components

import {VueScrollFixedNavbar} from "vue-scroll-fixed-navbar";

export default {
    name: 'YourComponent',
    components: {
        VueScrollFixedNavbar
    }
}

Usage

<template>
    <VueScrollFixedNavbar>
        your content
    </VueScrollFixedNavbar>
</template>

API

Props

Name Type Default Value Description Required
isFixed Boolean true Defines whether to fixed the header or not. false

Example

In order to stop fixing the navbar or header pass props

<template>
    <VueScrollFixedNavbar :isFixed="false">
        your content
    </VueScrollFixedNavbar>
</template>

Open Source License

You may use it under the terms of the MIT Licenses

Related Packages

vuejs-scroll-fixed-header

Vue2 scroll fixed header component

18,285 4
fixed-header scroll-fixed-header vue2 vue-component vuejs2
@dullar/mercury

Advanced and highly reusable Mobile UI Components built on Vue2 & You can define...

8,553 6
vue2
@halobear/vue-upload

vue上传组件

460 1
vue2
vite-plugin-vue2

Vite plugin for Vue2

1,474,659 618
vue2 vite
vue-jstree

a tree plugin for vue2

137,015 630
vue2 tree

Version History

Version Released Vue License
0.2.2 ^2.6.11 MIT
0.2.1 ^2.6.11 MIT
0.2.0 ^2.6.11 MIT
0.1.9 ^2.6.11 MIT
0.1.8 ^2.6.11 MIT