Question

我试图让我的网站有一个顶部标题，可以使用平滑滚动移动，平滑滚动工作，但一旦我有顶部标题移动顺利滚动链接停止工作！

HTML：

<div class="Bob">
<nav class="nav1">

<a href="file:///Users/tc10077403/Desktop/Project%206/Project6.html" style="font-size: 50px;">Home Page</a>

<a href="file:///Users/tc10077403/Desktop/Project%206/Games.html" style="font-size: 50px;">Games</a>

<a href="file:///Users/tc10077403/Desktop/Project%206/History.html" style="font-size: 50px;">History</a>

<a href="file:///Users/tc10077403/Desktop/Project%206/Content.html" style="font-size: 50px;">Features</a>
</nav>
</div>

CSS：

.Bob{
position: fixed;
}
.nav1{
text-align: center;
margin-left: 350px;
background-color: #333333;
}

其他东西：

#home { 
  background: url(background.jpeg) 50% 0 repeat none; min-height: 1000px; 
  height: 1000px; 
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 
  position: relative; 
}

#home article { 
  height: 458px; 
  position: absolute; 
  text-align: center; 
  top: 150px; 
  width: 100%; 
}

#about { 
  background: url(Background-2.png) 50% 0 repeat fixed; min-height: 1000px; 
  height: 1000px; 
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 
  position: relative; 
  -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.8);
  box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

#about article { 
  height: 458px; 
  position: absolute; 
  text-align: center; 
  top: 150px; 
  width: 100%; 
}

Answer 1

看起来你的代码很好。为什么不将文件移动到同一文件夹中并删除文件：/// Users / tc10077403 / Desktop / Project％206 /

Answer 2

你可能有一个div或其他DOM元素阻止滚动导航？

测试一下：尝试标记链接（确保没有将大纲设置为无），然后按ENTER键以使用该链接。如果可行，那么它可能在另一个DOM元素下。

请发布我们可以查看的链接。

滚动后链接停止工作

2 个答案: