上下滚动页面JavaScript导航

我在每个部分的右侧都有上下箭头，如果你点击它们，它会向上或向下滚动部分

<div class="next_section"><a id="after_contact"><img src="<?php echo get_stylesheet_directory_uri() ?>/img/arrow_top.png" width="73" height="36" alt="Prev Section"></a></div> 
<div class="next_section"><a id="after_work5"><img src="<?php echo get_stylesheet_directory_uri() ?>/img/arrow_next.png" width="73" height="36" alt="Next Section"></a></div>

问题是，并非所有的箭头都能在页面上下滚动。有些工作，有些没有。据我所知，我已经对每个区域进行了更正，它是上方或下方的区域，但如果单击一些箭头，它将不会起任何作用

有人知道出了什么问题吗

网址： 粘贴链接：

---

非常感谢

页面导航的问题在于并非所有的标签ID都是唯一的

JavaScript只找到具有特定ID的元素的第一个ID，并且只有该ID可以工作。所有其他名称ID在后面的人都不会做任何事情

如果选中，则唯一有效的箭头是特定ID的首次出现

确保一个div下的所有标记都将分类为“next_section”，并具有唯一的ID

<div class="next_section first">
 <a id="after_work1"> <!-- <<<< ID must be unique -->
   <img src="something.jpg" alt="Next Section">
 </a>
</div>

---

那么javascript在哪里呢？你能不能把它再切分一点，以便更清楚地知道在哪里可以找到你的问题？shuold解释问题，并向我们指出你的问题，很难进入你的问题并帮助你。我想就是这样。对不起，我刚刚接管了这个页面的开发，不确定使用了什么。我想就是这样了：恐怕还是有问题。如果你看一下，你可以看到我的代码。不确定启用ScrollTo的最佳脚本是什么？除了上面提到的问题外，我最初看到这个脚本时您使用的javascript工作正常。你怎么会改变剧本？如果ID都是唯一的，那么原版就可以了。