同一页面中的HTML定位点不起作用

我对HTML比较陌生，所以可能有一个我一直缺少的非常明显的解决方案。但我正在制作一个单卷轴网站（带引导），带有一个非常基本的导航栏，供人们跳转到他们想要的部分

导航栏当前是ul，其背景图像在悬停时从右侧显示

我学习过各种教程；创建了定位点和id标记，但当我单击导航栏按钮时，似乎什么都没有发生。我觉得我错过了一个很明显的解决方案。我已经改变了锚的位置，并尝试了一些我在网上找到的html和css的变体，但似乎没有一个能为我解决这个问题。我已经在其他浏览器上试过了，所以这不是浏览器的问题

这是导航条形码：

<div class="container-fluid menuholder">
    <div class="menu">
    <ul class="nobull menutext">
            <li><a href="#prologue menutext">Prologue<br><font weight="bold" color="white"><strong>The Beginning</strong></font></a></li>
            <li><a href="#chap1 menutext"><br>Chapter 1<br><font color="white"><strong>The Storyteller</strong></font></a></li>
            <li><a href="#chap2 menutext"><br>Chapter 2<br><font color="white"><strong>The Big Idea</strong></font></a></li>
            <li><a href="#epilogue menutext"><br>Epilogue<br><font color="white"><strong>It Begins</strong></font></a></li>
    </ul>
    </div>
</div>

这里是其中一个部分的相关部分，它应该自动滚动到：

<div class = "container">
    <div class="row">
        <div class ="chap1title col-md-3" id="chap1">
            <h3>Chapter 1:</h3><br><h2>The Storyteller</h2>
        </div>
    </div>
</div>

第一章：讲故事的人

aa这里有一些菜单的图片和一个例子，我想让第一章的按钮滚动到哪里

---

提前非常感谢

看起来，您的链接无效，您正在href中添加menutext，它实际上应该获取链接或锚元素的id

<ul class="nobull menutext">
            <li><a href="#prologue">Prologue<br><font weight="bold" color="white"><strong>The Beginning</strong></font></a></li>
            <li><a href="#chap1"><br>Chapter 1<br><font color="white"><strong>The Storyteller</strong></font></a></li>
            <li><a href="#chap2"><br>Chapter 2<br><font color="white"><strong>The Big Idea</strong></font></a></li>
            <li><a href="#epilogue"><br>Epilogue<br><font color="white"><strong>It Begins</strong></font></a></li>
    </ul>

---

似乎菜单文本是一个类名，应该添加到类中

Hi-Nik，不要在锚定标记中使用

menutext

&删除它，这样看起来就像

。如果要将目标设置为滚动该部分，则需要在

href

值中传递前缀为

#

的

id

值。所以

#

表示为id。