Apply position: sticky to child of a div

Question

Position: sticky doesn\'t seem to work for me when I apply it to a child of a div. How to solve?

HTML:

Lorem Ipsum


        
      

Answer 1

Put everything inside your this-parent-div-is-necessary container.

.div-sticky-class {
  color: red;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
}

  Lorem Ipsum
  

    Test
  
  Lorem Ipsum