There are several options for menu and topbar scrolling effects:

  • ct-headroom–scrollUpMenu
  • ct-headroom–scrollUpTopBar
  • ct-headroom–scrollUpBoth
  • ct-headroom–fixedTopBar
  • ct-headroom–fixedMenu
  • ct-headroom–fixedBoth
  • ct-headroom–hideMenu

For example:

Top Bar

Top Bar

The following javascripts are required for the effects above:

You can also change menu color to black. You only need to add the following class to markup:

  • navbar–black
Black Menu Bar

Black Menu Bar

Here you will find example of HTML markup for black menu bar:

Learn More:

You fill find whole documentation of plugin in < script src="assets/plugins/headroom/init.js"></script>