Javascript Html锚可以'；你不能更改url吗？

我正在制作一个类似于旋转木马的滑动效果，我设置了四个框，每个框的内容都不同，我使用导航来导航。我发现每次刷新时，页面都会返回到第一个框。但我希望页面在刷新之前返回到框中。此外，当我单击“a”标记时，“#box*”将不会添加到url。如何解决这个问题？有人能帮我吗？非常感谢！我很抱歉我的英语不好

    <ul id="menu" class="nav nav-list span2">
    <li class="nav-header">nav</li>
    <li class="active">
        <a href="#box1" class="link">box1</a>
    </li>
    <li>
        <a href="#box2" class="link">box2</a>
    </li>
    <li>
        <a href="#box3" class="link">box3</a>
    </li>
    <li>
        <a href="#box4" class="link">box4</a>
    </li>
    </ul>


<li id="box1" class="box">

  <div>XXXXX</div>
 </li> 
<li id="box2" class="box">

  <div>XXXXX</div>
 </li>

您必须添加id=“box1”，id=“box2”。。。 到要浏览器跳转到的图元

例如：

 <ul id="menu" class="nav nav-list span2">
<li class="nav-header">nav</li>
<li class="active">
    <a href="#box1" class="link">box1</a>
</li>

    <a href="#box2" class="link">box2</a>

<li>
    <a href="#box3" class="link">box3</a>
</li>
<li>
    <a href="#box4" class="link">box4</a>
</li>
</ul>

<div id="box1">
    <h2>yo box1</h2>
            Put here a lot of content
</div>
<div id="box2">
    <h2>yo box2</h2>
            Put here a lot of content
</div>

导航







yo box1
在这里放很多内容
yo box2
在这里放很多内容

---

编辑：这将使用框的id将哈希添加到url中，因此当您刷新时，它也会起作用。

当您使用锚定时，页面上必须有另一个具有“#box1”id的区域。如果您在地址栏中没有看到任何#，那么您的JS会导致问题

例如：

代码：

这是Go1













































































这是Go2

删除

 return false;

---

从剧本中。这会将#box*添加到url中

请显示您使用的javascript代码好吗？谢谢，我已经这样做了，但仍然没有效果“

XXXXX

”@Eran H。我不理解您的html，您的锚定标记仍然需要href=“#box1”属性，以及为什么指向box1的锚点位于box1内部？再看看我的例子我在问题中修改了代码，但仍然不起作用@这很奇怪，你试着复制我写的html，但仍然不起作用？将内容放在我写的“在此处放置大量内容”的位置，这样您将看到浏览器滚动到您的特定div。如果没有滚动，您将不会注意到差异。将您的box1放大，尝试添加高度为800px的css或添加大量
标记。只是想让你看看它是如何工作的谢谢，正如你所说，我在我的问题中修改了我的代码，但它仍然不工作，你能帮我吗@扁桃体

<a href="#go1">go to 1</a><br><br>
<a href="#go2">go to 2</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><h1 id="go1">This is Go1</h1>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h1 id="go2">This is Go2</h1>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

 return false;