Sticky

by Pritam Bohra

HTML

<div class="container">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio a non fuga consequuntur vero iste sed iusto alias, vitae quia! Ducimus alias provident ut nesciunt. Recusandae sunt amet officiis dolor cum deleniti expedita distinctio numquam eum deserunt, molestias aspernatur laborum reprehenderit eos omnis dolorum earum consequuntur architecto tempora sed. Odio!</p>
  
  <div>
    <p class="sticky">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima nobis, atque ratione fugit recusandae sed. Labore eligendi libero, voluptates. Sequi quibusdam illum id iusto aperiam maxime, earum temporibus a natus.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus maxime eaque numquam culpa, pariatur qui architecto est, cupiditate iure, tempore ea ex. Facilis porro cum optio deserunt, ullam, odit iure pariatur culpa quae doloremque nesciunt dolorem eius inventore quis facere, deleniti, id harum dolor est corrupti fugiat. Doloribus sunt porro maiores quidem. Molestias dignissimos velit, distinctio repellat, iure porro. Dolorum aliquam excepturi voluptatibus velit, dolorem ipsam ipsa doloremque commodi delectus quos, perspiciatis odit magni nesciunt? Fugiat molestiae a consequuntur numquam, ullam, aliquid quibusdam saepe dolore nam eos reprehenderit nulla quas quis doloribus autem perspiciatis quisquam. Error commodi eveniet sint magni.</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas voluptates voluptatem maxime, dolor nostrum facere dolores, quam repudiandae eveniet earum labore perferendis! Magni culpa magnam laboriosam quia, deserunt excepturi temporibus alias tenetur soluta eligendi delectus expedita modi cum provident nihil iste accusamus, odit voluptate, odio at consequuntur. Blanditiis aliquam, quaerat dolor facilis explicabo eveniet iste laboriosam. Obcaecati placeat esse eveniet, suscipit ipsam sunt, nulla harum et error perferendis nobis facilis minima eaque tenetur non...

CSS

.sticky {
  background-color: lightblue;
  border: 1px solid black;
  position: sticky;
  top: 10px;
  padding: 10px;
}