Get started with stickyNavbar.js CDN

MIT licensed

StickyNavbar.js is a library for creating sticky navigation bars.

Tags:
  • stickyNavbar
  • navigation
  • sticky
  • nav
  • jQuery

Stable version

Copied!

How to start using stickyNavbar.js CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with stickyNavbar.js CDN - cdnhub.io</title>
    <link rel="stylesheet" href="styles.css">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="https://cdn.cdnhub.io/stickyNavBar.js/1.3.5/jquery.stickyNavBar.min.js"></script>
    <script src="scripts.js"></script>
</head>
<body>
    <header id="navbar">
        <nav>
            <ul>
                <li><a href="#home">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#services">Services</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <!-- Your content goes here -->
    </main>

    <script>
        $(function() {
            $('#navbar').stickyNavbar();
        });
    </script>
</body>
</html>
Copied!
Copied!

All versions