Animating on scroll but not actually scrolling

[goteee]

So im trying to replicate this header: https://staffhub.office.com/
and dont understand how they have made the header animation on scroll while preventing the page from scrolling down. I assume this is possible to do in jquery

[Shikkediel]

It’ll only work with a mouse (like on that page) – you can use the wheel event for it.

window.addEventListener('wheel', function(e) {

  e.preventDefault(); // page will not scroll

  // animation code
});

[Author]

Posts