<!DOCTYPE html> <html> <head> <style> body{ height:1000px; } .external{ width:200px; height:200px; background-color:lightgreen; position:absolute; } .internal{ width:80px; height:80px; background-color:lightblue; position:sticky; top:50px; left:50px; } </style> </head> <body> <div class="external"> <div class="internal"> position is sticky </div> </div> </body> </html>
Run
×
Share