bootstrap-autohide-navbar

WebJar for bootstrap-autohide-navbar

License	MIT
Categories	IDE Development Tools Auto Application Layer Libs Code Generators
GroupId	org.webjars.npm
ArtifactId	bootstrap-autohide-navbar
Last Version	1.0.0
Release Date	Mar 29, 2018
Type	jar
Description	bootstrap-autohide-navbar WebJar for bootstrap-autohide-navbar
Project URL	http://webjars.org
Source Code Management	https://github.com/iamrelos/bootstrap-autohide-navbar

Download bootstrap-autohide-navbar

Filename	Size
bootstrap-autohide-navbar-1.0.0.pom
bootstrap-autohide-navbar-1.0.0.jar	14 KB
bootstrap-autohide-navbar-1.0.0-sources.jar	22 bytes
bootstrap-autohide-navbar-1.0.0-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/bootstrap-autohide-navbar/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>bootstrap-autohide-navbar</artifactId>
    <version>1.0.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/bootstrap-autohide-navbar/
implementation 'org.webjars.npm:bootstrap-autohide-navbar:1.0.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/bootstrap-autohide-navbar/
implementation ("org.webjars.npm:bootstrap-autohide-navbar:1.0.0")

Apache Buildr

'org.webjars.npm:bootstrap-autohide-navbar:jar:1.0.0'

Apache Ivy

<dependency org="org.webjars.npm" name="bootstrap-autohide-navbar" rev="1.0.0">
  <artifact name="bootstrap-autohide-navbar" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='bootstrap-autohide-navbar', version='1.0.0')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "bootstrap-autohide-navbar" % "1.0.0"

Leiningen

[org.webjars.npm/bootstrap-autohide-navbar "1.0.0"]

Dependencies

compile (2)

Group / Artifact	Type	Version
org.webjars.npm : jquery	jar	[1.9.1,)
org.webjars.npm : bootstrap	jar	[3.3,3.4)

Project Modules

There are no modules declared in this project.

bootstrap-autohide-navbar

A small jQuery plugin to show/hide twitter bootstrap 3 navbar on scroll.

Install using bower or npm

$ bower install bootstrap-autohide-navbar

$ npm install bootstrap-autohide-navbar

Include jQuery and Bootstrap

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.x.x/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.x.x/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.x.x/js/bootstrap.min.js"></script>

Include bootstrap-autohide-navbar.js

<script src="dist/bootstrap-autohide-navbar.min.js"></script>

Usage

$(function () {
  'use strict';

  $('.navbar').bootstrapAutoHideNavbar({
    disableAutoHide: false,
    delta: 5,
    duration: 250,
    shadow: true
  });
});

or

$(function () {
  'use strict';

  var autohide = $('.navbar').bootstrapAutoHideNavbar({
    disableAutoHide: true
  });

  autohide.show();
  autohide.hide();
  autohide.setDisableAutoHide(false);
});

Options

Property	Required	Default	Description
delta	No	5	How many pixels the user needs to scroll down before effect get trigger
duration	No	250	Duration of animation in milliseconds
shadow	No	false	Add bottom shadow to navbar
disableAutoHide	No	false	Disable auto hide effect on scroll

Methods

Name	Parameter	Description
show	None	Show navbar
hide	None	Hide navbar
setDisableAutoHide	boolean	Disable/Enable auto hide effect

Versions

Version
1.0.0 Mar 29, 2018