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:

Notice:
The following javascripts are required for the effects above:

XHTML

<script src="assets/plugins/headroom/headroom.js"></script> <script src="assets/plugins/headroom/jQuery.headroom.js"></script> <script src="assets/plugins/headroom/init.js"></script>

1 2 3

<script src="assets/plugins/headroom/headroom.js"></script> <script src="assets/plugins/headroom/jQuery.headroom.js"></script> <script src="assets/plugins/headroom/init.js"></script>

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

• navbar–black

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>