Forums

Give help. Get help.

  • # February 13, 2018 at 9:20 am

    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

    # February 13, 2018 at 10:15 am

    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
    });
    
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag