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

Sticky position only works inside the parent div, your html should be like this:

Lorem Ipsum

   

     Test
   
   
Lorem ...
   
Lorem ...
   
Lorem ...
   
Lorem ...
   

     
It will works here too
   

Won't work here because it's outside the parent of div-sticky-class

https://jsfiddle.net/n8Le2tva/7/