Header should always be visible at the top, even when scrolling

Static Position

This is the default - it should just work like always
Static

Relative Position

Move the green box 200px to the right
Relative

Absolute Position

move the purple box to the bottom right of its container
Absolute

Sticky Position (Middle)

orange box should scroll until 800px from top of screen, then it shoud stick.
Sticky
Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque maxime atque, ut velit voluptates blanditiis tempora sapiente est quidem exercitationem magnam. Velit et quos labore asperiores odit dicta, ullam repellat! Cumque repudiandae veritatis error, non inventore quaerat iure ipsum distinctio consequatur aliquid numquam delectus, reiciendis fugiat sunt amet quae sit quas corrupti. Vero eveniet saepe porro! Fugiat eius repellendus saepe! Vero nihil accusantium ducimus eum velit fugiat eaque asperiores ab odit est autem, consectetur, amet exercitationem tempora voluptas nesciunt debitis reiciendis facilis recusandae? Dolorum accusantium dicta ullam perspiciatis sint ad. Quam odio delectus minima perspiciatis, iste accusamus unde voluptate voluptates nobis temporibus alias dolor. Ipsum accusantium saepe quia natus dolores, voluptates ut, repellendus corporis sunt voluptatem dolorem. Blanditiis, dolorum fugiat. Dolor sit hic dolore ducimus, vero tenetur temporibus omnis laudantium inventore enim iste optio adipisci sint dicta aperiam incidunt. Consequuntur tempora ab suscipit ad dolorem iste voluptatem velit quasi assumenda. Minus iure quia quae optio deleniti animi accusamus voluptates tempora eaque beatae, cum sunt iusto reprehenderit possimus amet, atque, quasi consequuntur dolorum vitae in. Non hic commodi illo tenetur magni. Aliquid quam consequatur sit voluptatibus necessitatibus rerum asperiores aperiam assumenda harum iusto animi provident beatae, doloribus impedit consequuntur pariatur nesciunt praesentium cupiditate eligendi perspiciatis quaerat cumque earum? Rerum, voluptate officia! Quas est nam ut cum quam quo eligendi tempore eaque unde tenetur! Ipsum, saepe eum facilis unde vero odit! Suscipit ex numquam blanditiis! Commodi velit, autem eveniet distinctio aperiam repudiandae. Est facilis ullam aliquid officiis itaque aperiam, aliquam doloremque, amet beatae inventore magnam ex ipsa eaque. Nam minima obcaecati commodi atque, ducimus odio sed suscipit sit distinctio et laudantium possimus. Omnis, repellendus fugiat neque ab, fuga optio repellat reiciendis facere odio magni quaerat. Ea eligendi reprehenderit deleniti hic tempora corrupti quam, optio qui minima voluptate fugiat alias non sapiente voluptatum. Velit dicta, perspiciatis explicabo ratione sapiente delectus expedita recusandae, ullam minus modi ad nam? Non, tenetur et. Minus quisquam incidunt laborum natus dolore aspernatur, aperiam sed provident quae, qui hic? Molestiae ipsa natus quisquam officia repellat. Quis est possimus aliquid amet tempore facere et delectus mollitia, quasi sapiente necessitatibus magni quos assumenda? Ipsa rem ex dolor aliquam maxime quas at? Voluptatibus facere at atque aperiam. Quidem sunt quisquam, aut repellat officia quae similique ex rerum dolorum id modi recusandae numquam accusantium consequatur veritatis esse expedita magni! Molestias veniam facere provident. Expedita suscipit temporibus libero molestiae assumenda omnis quam, cupiditate et aperiam nulla. Culpa voluptates hic laudantium fuga, aut unde, qui autem molestiae aspernatur numquam, aliquam labore iure nostrum ipsam quasi? At, nulla excepturi perspiciatis provident iste magnam non veniam voluptatem consectetur blanditiis placeat, expedita facere! Beatae eligendi pariatur quidem rerum ducimus, ratione, fugit sapiente enim officiis ut quae suscipit impedit! Velit natus doloribus alias, et enim, asperiores, dolores possimus tempore laudantium libero nemo incidunt consequatur architecto quisquam. Quasi omnis laudantium eos rem asperiores est eaque, dignissimos modi cum aliquam commodi. Ad, deleniti nihil! Neque consectetur, repellat voluptates adipisci dignissimos tenetur, esse sunt, ipsum quia natus nulla libero commodi minima soluta iste sed quam vitae necessitatibus. Autem labore maiores fugit vero! Placeat expedita eligendi saepe, nobis alias totam labore iusto dolorum quis laudantium sequi, minus itaque iste obcaecati, fugiat id repellendus nesciunt accusantium soluta vero magni distinctio quia cumque molestiae! Tenetur? Quibusdam, rerum reiciendis? Delectus asperiores ipsum magni enim quis et soluta facilis placeat. Corporis iure obcaecati, quasi cumque ex, minima nisi, praesentium animi suscipit debitis adipisci facere ratione rem ullam. Ducimus aperiam nostrum ipsum at modi minus ipsam, quasi sapiente! Commodi tempore dolor necessitatibus ipsum facilis similique, esse impedit eum provident nostrum quos vero excepturi tenetur soluta aliquam itaque in.