让导航栏不随着滚轮移动

在网页设计中，固定导航栏（Fixed Navigation Bar）是一种常见的做法，目的是让导航栏始终位于屏幕顶部，即使用户滚动页面内容也不会随滚动条移动。这通常通过CSS样式实现：

1. 使用position属性：给导航栏元素设置`position: fixed;`，使其相对于浏览器窗口定位，而不是跟随文档内容。

.navbar {
   position: fixed;
   top: 0;
   width: 100%;
   /* 其他样式，如背景色、边距等 */
}

2. 给窗口添加滚动事件监听：如果需要，可以使用JavaScript添加滚动事件，当滚动到一定位置时调整导航栏的行为，例如在距离顶部一定距离后变为相对定位。

window.addEventListener('scroll', function() {
   if (window.pageYOffset > navHeight) {
      document.querySelector('.navbar').style.position = 'relative';
   } else {
      document.querySelector('.navbar').style.position = 'fixed';
   }
});