你可以尝试使用如下的JavaScript代码实现定位导航功能：
首先，你需要给导航栏添加一个 id，例如：id="nav"
然后，在 JavaScript 中添加以下代码：
var nav = document.getElementById("nav"); // 获取导航栏的 DOM 元素
window.addEventListener("scroll", function() { // 监听滚动事件 if(window.pageYOffset > 100) { // 当滚动距离大于 100 时 nav.classList.add("fixed-nav"); // 给导航栏添加固定样式 } else { nav.classList.remove("fixed-nav"); // 移除固定样式 } });
- 最后，在 CSS 中添加相应的固定样式：
.fixed-nav { position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; box-shadow: 0 2px 2px rgba(0,0,0,0.1); z-index: 9999; }
这样，当用户滚动页面时，导航栏就会自动定位到相应的部分，并固定在页面上方。希望对你有所帮助！