Format Code
Run Code
<!DOCTYPE html> <html> <head> <title>Let's Coding Example</title> </head> <style> .container{ position: relative; margin-top: 200px; } .sticky-box{ position:sticky; background: red; top: 0; } .box, .box-1, .sticky-box{ height: 100px; width: 100px; } .box{ background: green; } .box-1{ background: orange; } </style> <body> <div class="container"> <div class="sticky-box"></div> <div class="box"></div> <div class="box-1"></div> <div class="box"></div> <div class="box-1"></div> <div class="box"></div> <div class="box-1"></div> <div class="box"></div> <div class="box-1"></div> <div class="box"></div> <div class="box-1"></div> <div class="box"></div> <div class="box-1"></div> <div class="box"></div> <div class="box-1"></div> </div> </body> </html>
console output