I struggled to come up with a name for this trend, but I'm going with "adaptive" headers, which are, you guessed it, headers that adapt to various scroll situations.A simple example is a non-fixed header that transitions to fixed once the user scrolls past it.Similar examples exist on many news sites (Polygon, Awwwards) that need to be efficient with the use of vertical space.Headers like this effectively give you the best of both worlds -- the aesthetic of a content-focused header that moves out of the way on page load, but one that's still accessible after the user scrolls past it. Headhesive.js is a plugin that offers a similar take on the concept.Another variation of an adaptive header is a header that remains relative and outside of the viewport until the user begins to scroll up.Other adaptive headers reduce in size after scroll

7. Video Backgrounds