HTML 按钮形成不向下滚动到其他 html 页面中的特定区域

Question

我有一个按钮，是用下面的代码制作的:

<form>
<button class="Button1" type="submit" formaction="Button1.html#Part2">Go to part2
</button>
</form>

现在在我的 Button1.html 中，我制作了一个 part2，如下所示:

<p id=”Part2”>Here is your part 2</p>

现在，当我单击按钮 1 时，它会将我带到 Button1.html 并且 url 在顶部显示为 file:///D:/yourDir/Button1.html#Part2

但它不会向下滚动到 Button1.html 中相当下面的第 2 部分

请指导我解决这个问题

Answer 1

anchor 是由类似的东西创建的:

<a name="anchorname">Guide me!</a>

所以在你的情况下它必须是:

<a name="Part2">Here is your part 2</a>

你也可以试试这个:

<a name="Part2"></a><p id="Part2">Here is your part 2</p>

如果您需要 p 元素的 id。但是将 a-tag 留空可能会导致问题，所以它可能不会完全滚动到 Here is your part 2