JSFiddle - React, Tailwind, and code Playground

by minh vi

HTML

<div style="width:400px; height:1000px; border:1px solid #000">
  <div id="container">
      
          <div id="fixed">Sitename</div>
          <p>
              blaat
          </p>
      
  </div>
</div>

CSS

#container {
    width: 40%;
    height:1500px;
    border: 1px solid red;
    position:relative;
}

#test {
 border: 1px solid yellow;
 width: inherit;
}

#fixed {
  background: #ccc;
  height: 50px;
  line-height: 50px;
  margin-top: 10px;
  font-size: 30px;
  padding-left: 10px;
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
    border: 1px solid green;
}