Contoh position fixed1

by istiq20

HTML

<!DOCTYPE html>
<html>
<head>
  <style>
    .test-fixed {
      position: fixed;
      left: 50px;
      top: 100px;
      border: solid 5px black;
    }
  </style>
</head>

<body>
  <div class="test-fixed">
    ini adalah contoh penggunaan position:fixed; Coba di-scroll!
  </div>
  <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
  <p>
  Element yang memiliki properti position dengan nilai fixed akan mempunyai posisi yang tetap walaupun halaman website di-scroll ke bawah.
  </p>

</body>
</html>