基于网址的动画页面

时间:2014-09-26 06:41:38

标签: jquery html url jquery-animate

我如何正确检查当前页面的网址以及该网址是否在数组中为网页设置动画?以下是我目前所拥有的内容,但每个网页的动画不仅仅是我的数组中的内容。

此脚本将加载到页脚中的每个页面上。

我确信这很简单,但我的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);

    }

1 个答案:

答案 0 :(得分:0)

尝试以下方法。我相信你想要的东西。

$(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);
    }

});