HTML5導航欄跟隨移動是一種讓導航欄隨著頁面滾動而跟隨移動的特效，為網站添加了良好的用戶體驗。下面是示例代碼：

<style type="text/css">
.nav{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 50px;
background: #333;
color: #fff;
z-index: 999;
}
.nav a{
display: inline-block;
line-height: 50px;
margin: 0 10px;
color: #fff;
text-decoration: none;
}
</style>
<div class="nav">
<a href="#">首頁</a>
<a href="#">新聞</a>
<a href="#">產品</a>
<a href="#">關于我們</a>
</div>
<script type="text/javascript">
$(window).scroll(function () {
var top = $(window).scrollTop();
if (top >= 50) {
$('.nav').css({
position: 'fixed',
top: '0'
});
} else {
$('.nav').css({
position: '',
top: ''
});
}
});
</script>

以上示例代碼中，我們首先定義了導航欄的CSS樣式，包括設置了導航欄的定位方式為fixed，寬度為100%，顏色為#333等屬性。接下來，在HTML中使用了div來實現導航欄，并添加了四個導航按鈕。最后，我們使用JavaScript來實現導航欄跟隨移動的效果，當滾動條的垂直偏移量大于等于50px時，將導航欄固定在屏幕頂部，否則取消導航欄的固定定位。 這種效果可以大大提升網站的用戶體驗，讓用戶更快捷地瀏覽網站內容。如果你正在開發一個網站，不妨考慮添加這個特效。