基於url的動畫頁面

我該如何正確檢查當前頁面的URL，以及該URL是否在數組中爲頁面設置動畫效果？以下是我到目前爲止，但每個頁面動畫不只是在我的數組中。基於url的動畫頁面

此腳本加載在頁腳的每個頁面上。

我相信這很簡單，但我有限的JS知識。謝謝！

var pageArray = new Array("/how-it-works.php", "/themethodology.php", "/thecommunity.php","/thetools.php"); 
    var currrentPage = window.location.pathname; 

    if (jQuery.inArray(jQuery('currrentPage'), pageArray)){ 

    $('html, body').animate({ 
      scrollTop: $("#pageheader_cont").offset().top 
     }, 1000); 

    }

來源

2014-09-26 Denoteone

你是什麼意思*「每頁動畫」* ..？一個網址打開一頁，右.. ..？ 0.o – 2014-09-26 07:11:03

對不起，我不是更清楚。點擊加載我的導航中的每一頁。但頁面，但它不應該動畫，除非該頁面在數組中。 – Denoteone 2014-09-26 07:41:34

請更新問題並在其中添加額外信息，而不是在評論中。那麼，你在所有頁面上都有相同的腳本？ – 2014-09-26 08:08:02

請嘗試以下操作。我相信它是你想要的。

$(function(){ 

    var pages = new Array("how-it-works.php", "themethodology.php", "thecommunity.php","thetools.php"); 

    var script = window.location.href.match(/[^\/]+$/)[0]; // Get current script's name 

    if (pages.indexOf(script) != -1){ 

     $('html, body').animate({ 

      scrollTop: $("#pageheader_cont").offset().top 

     }, 1000); 
    } 

});

來源

2014-09-26 07:18:48 tliokos

我不確定爲什麼，但每當我進入新頁面時，動畫仍會觸發，無論它是哪個頁面。只是爲了測試我從數組中刪除了所有的值，它仍然是動畫的。我錯過了什麼嗎？ – Denoteone 2014-09-26 08:12:42

你說得對。如果條件錯了。我改變了它，我認爲它現在起作用。 – tliokos 2014-09-26 08:17:57

啊哈，做到了。感謝您的幫助。它有幫助嗎？ – Denoteone 2014-09-26 08:27:15

基於url的動畫頁面

回答

相關問題