Header som stannar kvar vid toppen

<script>
function stickyHeader() {
var mh = document.getElementById(‘header’);
var rect = mh.getBoundingClientRect();
var height = mh.offsetHeight;
console.log(mh.scrollTop);
console.log(rect.top, rect.right, rect.bottom, rect.left);
if(rect.top + height < 42 ) {
if (!mh.classList.contains(‘stuck-at-top’)) {
mh.classList.add(”stuck-at-top”);
}
} else {
mh.classList.remove(”stuck-at-top”);
}
}

var body = document.getElementById(‘home’)
if (body) {
body.onscroll = stickyHeader
}

</script>

 

Skulle vara schysst att ha intro/hemsidepresentation ovanför, och om det är en återkommande besökare, då visas den direkt at top. 🙂