向上和向下滾動頁面JavaScript導航

我在每個部分的右側都有向上和向下的箭頭，如果您單擊它們，它會向上或向下滾動部分。向上和向下滾動頁面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>

問題是，並非所有的箭頭都在向上和向下滾動頁面。有些工作，有些則不。我已經完成了每一個正確的知識，它是一個上方或下方的區域，但是如果你點擊一些箭頭，它將不會執行任何操作。

任何人知道哪裏出了問題？

網址：http://www.londonadvertising.com/2011 Pastie鏈接：http://pastie.org/2913679

非常感謝

來源

2011-11-24 Tim

所以這裏是JavaScript？你能否更深入瞭解一下你的想法在哪裏尋找你的問題？ –

shuold解釋這個問題，並指出我們對你的問題，它變得很難進入你的問題，並幫助你。 – Murtaza

我認爲就是這樣。抱歉，我剛剛接管了此頁面的開發並確定所用內容。我認爲這是它：http://www.londonadvertising.com/2011/wp-content/themes/london/js/jquery.nav.min.js和 http://www.londonadvertising.com/2011/wp -content/themes/london/js/jquery.scrollTo-min.js – Tim

與頁面導航的問題是，並不是所有的<一>標籤ID是唯一的。

JavaScript只找到第一個具有特定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>

來源

2011-12-05 20:11:40

仍然有問題，我很害怕。如果你看看http://www.londonadvertising.com/2011/，你可以看到我的代碼。不確定用於啓用ScrollTo的最佳腳本是什麼？ – Tim

當我最初看到這個時，你使用的JavaScript除了上面提到的問題之外還能正常工作。你怎麼改變腳本？如果身份證全都是唯一的，那麼原件可以正常工作。 –

向上和向下滾動頁面JavaScript導航

回答

相關問題