Navshrink

NavShrink is a jQuery plugin for your Bootstrap 3 navbar. It works by evaluating scroll position to control the expansion, contraction and background opacity of the navbar. On page load, the navbar will be in its expanded height state and the navbar background will be transparent. As the page is scrolled, the background of the navbar will transition to the color of your choice and contract its height - freeing up additional space in the viewport for content.