webupdate
This commit is contained in:
29
website/public/test-sticky-navbar.html
Normal file
29
website/public/test-sticky-navbar.html
Normal file
@@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Sticky Navbar Test</title>
|
||||
<link rel="stylesheet" href="/assets/css/navbar.css?v=1768450104" />
|
||||
<link rel="stylesheet" href="/assets/css/page-overrides.css?v=1768450104" />
|
||||
<style>
|
||||
body { margin: 0; padding: 0; }
|
||||
.test-content { height: 2000px; padding: 20px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="sticky-banner-wrapper">
|
||||
<nav class="modern-navbar">
|
||||
<div class="navbar-wrapper" style="padding: 20px;">
|
||||
<h2 style="margin: 0; color: #202023;">TEST: Navbar Should Stick When Scrolling</h2>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="test-content">
|
||||
<h1>Scroll down to test sticky navbar</h1>
|
||||
<p>If the navbar stays at the top, CSS is working.</p>
|
||||
<p>If the navbar scrolls away, there's still an issue.</p>
|
||||
<p style="margin-top: 500px;">Keep scrolling...</p>
|
||||
<p style="margin-top: 500px;">Almost there...</p>
|
||||
<p style="margin-top: 500px;">End of page</p>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user