slideheader
Version:
A JavaScript plugin to display or hide headerbar with a sliding motion
28 lines (23 loc) • 647 B
HTML
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="../dist/cbslideheader.css">
</head>
<body>
<header class="cb-header header">header</header>
<div style="background-color: #eee;" class="cb-header2"></div>
<div style="height: 2000px"></div>
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="../dist/jquery.cbslideheader.min.js"></script>
<script>
$(".header").cbSlideUpHeader({
"slideDownDuration": "slow",
"slideUpDuration": "fast",
"headroom": true,
"slidePoint": 60
});
</script>
</body>
</html>