sticky-footer.js
Version:
jQuery plugin to create a sticky footer
38 lines (31 loc) • 1.07 kB
HTML
<html lang="en-gb">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>StickyFooter.js short page test</title>
<link href="assets/style.css?v=1" rel="stylesheet" title="style" media="all" type="text/css" />
</head>
<body>
<header class="header">
<h1>Header</h1>
</header>
<nav class="nav">
<h2>Nav</h2>
<ul>
<li>Item one</li>
<li>Item two</li>
</ul>
</nav>
<main class="main-content">
<h3>Hello</h3>
<p>The main content text.</p>
</main>
<footer class="footer">
<p>Footer</p>
</footer>
<script src="assets/jquery.js?v=3.4.1"></script>
<script src="../src/sticky-footer.js" type="application/javascript"></script>
<script src="assets/main.js?v=1" type="application/javascript"></script>
</body>
</html>