Question

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

<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>

问题是，并非所有箭头都在向上和向下滚动页面。有些工作，有些则没有。我已经根据我的知识做了正确的知识，因为它是一个上方或下方的区域，但是如果你点击一些箭头，它将不会做任何事情。

任何人都知道出了什么问题？

网址：http://www.londonadvertising.com/2011 Pastie链接：http://pastie.org/2913679

非常感谢

Answer 1

页面导航的问题在于并非所有＆lt; a＆gt;标签ID是唯一的。

JavaScript只找到第一个带有特定ID的元素，只有那个才能工作。之后所有其他名称为ID的人都不会做任何事情。

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

确保所有＆lt; a＆gt; 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导航

1 个答案: