slideheader
Version:
A JavaScript plugin to display or hide headerbar with a sliding motion
35 lines (30 loc) • 711 B
HTML
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./style.css">
<style>
.cb-header {
position: fixed;
}
</style>
</head>
<body>
<header class="cb-header header">header</header>
<div style="background-color: #eee;" class="cb-header2"></div>
<div style="height: 4000px"></div>
<!--<script src="../dist/test.js"></script>-->
<script src="../dist/slideheader.min.js"></script>
<script>
window.onload = () => {
new SlideHeader('.cb-header', {
headroom: true,
slidePoint: 60,
boxShadow: '0 0 30px #333',
opacity: 0.5,
cloneHeader: true,
}).init('slideUp');
}
</script>
</body>
</html>