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

With a little CSS and jQuery magic, we can make a native Bootstrap navbar sticky at the top of the document as you scroll down the page.

Bootstrap sticky-navigation

Documentation

bootstrapScrollMenu

======

Bootstrap Move Menu to the Top on Scroll: quick start using bootstrap.

Setup

Step 1 Just download the codes from this repo. Make sure you review the required scripts like:

    <script src="js/jquery.min.1.11.1.js"></script>     <script src="js/bootstrap.min.js"></script>     <script src="js/main.js"></script>

Step 2 In the main.js you need to review this line and make sure you have the correct ID (only if you change the HTML).

var navHeight = $("#box1").height();

Demo

http://minorsolis.github.io/bootstrapScrollMenu/

Tags (keywords)

  • bootstrap scroll menu template
  • bootstrap scroll menu quick start
  • bootstrap scroll menu in github

You May Also Like