body {
    font-size: 28px;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
}

li {
    float: left;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover {
    background-color: #111;
}

.active {
    background-color: #4CAF50;
}

<div class="header">
  <h2>向下捲動畫面</h2>
  <p>你就會看到 CSS3 position sticky 效果</p>
</div>

<ul>
  <li><a class="active" href="#home">Home</a></li>
  <li><a href="#news">最新消息</a></li>
  <li><a href="#contact">網站內容</a></li>
</ul>

<h3><a href="https://www.w3schools.com/css/tryit.asp?filename=trycss_navbar_sticky">Sticky Navigation Bar Example</a></h3>
<p>
向下捲再向下捲，你就會看到 Sticky Navigation Bar 的效果。<br>
向下捲再向下捲，你就會看到 Sticky Navigation Bar 的效果。<br>
向下捲再向下捲，你就會看到 Sticky Navigation Bar 的效果。<br>
向下捲再向下捲，你就會看到 Sticky Navigation Bar 的效果。<br>
向下捲再向下捲，你就會看到 Sticky Navigation Bar 的效果。<br>
向下捲再向下捲，你就會看到 Sticky Navigation Bar 的效果。<br>
向下捲再向下捲，你就會看到 Sticky Navigation Bar 的效果。<br>
向下捲再向下捲，你就會看到 Sticky Navigation Bar 的效果。<br>
向下捲再向下捲，你就會看到 Sticky Navigation Bar 的效果。<br>
向下捲再向下捲，你就會看到 Sticky Navigation Bar 的效果。<br>
向下捲再向下捲，你就會看到 Sticky Navigation Bar 的效果。<br>
向下捲再向下捲，你就會看到 Sticky Navigation Bar 的效果。<br>
向下捲再向下捲，你就會看到 Sticky Navigation Bar 的效果。<br>
向下捲再向下捲，你就會看到 Sticky Navigation Bar 的效果。<br>
向下捲再向下捲，你就會看到 Sticky Navigation Bar 的效果。<br>
向下捲再向下捲，你就會看到 Sticky Navigation Bar 的效果。<br>
向下捲再向下捲，你就會看到 Sticky Navigation Bar 的效果。<br>
將 Sticky Navigation Bar 一直頂到上端，就會停留在畫面頂端。<br>
將 Sticky Navigation Bar 一直頂到上端，就會停留在畫面頂端。<br>
將 Sticky Navigation Bar 一直頂到上端，就會停留在畫面頂端。<br>
將 Sticky Navigation Bar 一直頂到上端，就會停留在畫面頂端。<br>
將 Sticky Navigation Bar 一直頂到上端，就會停留在畫面頂端。<br>
將 Sticky Navigation Bar 一直頂到上端，就會停留在畫面頂端。<br>
將 Sticky Navigation Bar 一直頂到上端，就會停留在畫面頂端。<br>
將 Sticky Navigation Bar 一直頂到上端，就會停留在畫面頂端。<br>
將 Sticky Navigation Bar 一直頂到上端，就會停留在畫面頂端。<br>
將 Sticky Navigation Bar 一直頂到上端，就會停留在畫面頂端。<br>
將 Sticky Navigation Bar 一直頂到上端，就會停留在畫面頂端。<br>
將 Sticky Navigation Bar 一直頂到上端，就會停留在畫面頂端。<br>
將 Sticky Navigation Bar 一直頂到上端，就會停留在畫面頂端。<br>
將 Sticky Navigation Bar 一直頂到上端，就會停留在畫面頂端。<br>
將 Sticky Navigation Bar 一直頂到上端，就會停留在畫面頂端。<br>
</p>