CSS sticky demo

CSS sticky demo

by Doãn Tài

HTML

<div class="cha">
  <div class="con"></div>
</div>

CSS

*{
  box-sizing: border-box;  
}

body{
    height: 2000px;
}

.cha{
    width: 500px;
    height: 1000px;
    margin: 30px auto;
    padding: 10px;
    background-color: #eee;
}

.con{
    width: 480px;
    height: 300px;
    margin-top: 30px;
    background-color: #666;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}