html 导航栏跟随页面往下滑动

要实现导航栏跟随页面往下滑动，可以使用CSS的position属性和JavaScript的scroll事件结合实现。

首先，在CSS中设置导航栏的position为fixed，这样导航栏就会固定在页面的顶部，不会随页面滑动而消失。

然后，在JavaScript中监听页面的scroll事件，当页面滑动时，判断页面滑动的距离是否大于导航栏的高度，如果大于，则设置导航栏的top值为0，让它固定在页面顶部；否则，设置导航栏的top值为负的导航栏高度，让它隐藏在页面顶部。

以下是示例代码：

HTML：

<div class="navbar">导航栏</div>
<div class="content">
  <!-- 页面内容 -->
</div>

CSS：

.navbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #fff;
  z-index: 999;
}

JavaScript：

var navbar = document.querySelector('.navbar');
var navbarHeight = navbar.offsetHeight;

window.addEventListener('scroll', function() {
  var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
  if (scrollTop >= navbarHeight) {
    navbar.style.top = 0;
  } else {
    navbar.style.top = -navbarHeight + 'px';
  }
});

这样就可以实现导航栏跟随页面往下滑动了。