我在当前页面的时候导航栏一直亮

感谢您的提问。我理解您的问题是希望页面中的导航栏保持一直亮，即使页面滚动时也不会隐藏。如果是这样，您可以通过设置 CSS 样式来实现。您可以将导航栏的 `position` 属性设置为 `fixed`，并将 `top` 属性设置为 `0`，这样导航栏就会固定在页面顶部，不会随着页面滚动而消失。例如：

.navbar {
  position: fixed;
  top: 0;
  width: 100%;
}

当然，具体的样式设置可能需要根据您的页面布局和样式需求进行调整。希望这个回答能够帮到您。

相关问题

HTML导航栏一直在顶部悬浮

要实现一个固定在顶部悬浮的导航栏，你可以使用CSS的`position: fixed`属性。

首先，你需要添加一个包含导航栏的HTML元素，例如一个`<nav>`标签。然后，在CSS中，为这个`<nav>`元素添加如下代码：

nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

这将使导航栏固定在页面的顶部，并且它将会占据整个页面的宽度。

如果你想要在导航栏下方添加其他内容，可以在CSS中为这个元素添加`margin-top`属性，以便为其他元素留出一些空间。

other-content {
  margin-top: 60px; /* 假设你的导航栏高度为60像素 */
}

希望能帮到你！

实现滚动页面导航栏固定在顶部

要实现滚动页面导航栏固定在顶部，可以使用CSS的position属性和JavaScript来实现。

首先，在导航栏的CSS样式中设置position为fixed，top为0，这将使导航栏固定在页面顶部。

nav {
  position: fixed;
  top: 0;
  width: 100%;
}

然后，在JavaScript中添加一个事件监听器，监听页面滚动事件。当页面滚动时，判断页面滚动的距离是否超过了导航栏的顶部位置。如果超过了，就添加一个CSS类名，该类名会将导航栏的position属性设置为fixed，top属性设置为0，使其固定在页面顶部。如果没有超过，就将该类名移除。

const nav = document.querySelector('nav');

window.addEventListener('scroll', () => {
  if (window.scrollY > nav.offsetTop) {
    nav.classList.add('sticky');
  } else {
    nav.classList.remove('sticky');
  }
});

最后，在CSS样式中添加一个.sticky类，将导航栏的position属性设置为fixed，top属性设置为0。

nav.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

这样就可以实现滚动页面导航栏固定在顶部的效果了。