页面滚动到页面上的每个哈希标记?

时间:2012-06-29 21:43:16

标签: javascript jquery

我有一个PHP页面,可以使用其他PHP文件加载外部内容。我正在使用include,所以它应该非常简单。我有一个我删除的scrollTo函数(下面)。但是,自从我在重新加载主页面时就这样做了,我可以在URL中看到它非常快速地滚动到每个哈希标记,在最后一节结束。

我真的不知道脚本可能导致什么。我使用的是Chrome Elements,但我什么都没看到。

过去两个小时我一直试图解决这个问题所以我真的需要另外一双眼睛来帮助我弄清楚这是从哪里来的。所以,请快速浏览一下。

这是现在疯狂的实时测试页面。

Test page

这是我最初的JS代码,然后删除了

$().ready(function(){

    var currentAnchor1 = null;
    //Check if it has changes
    if(currentAnchor1 != document.location.hash){
        currentAnchor1 = document.location.hash;
        //if there is not anchor, the loads the default section
        if(!currentAnchor1){
            query1 = "page=1";
        }
        else
        {
            //Creates the  string callback. This converts the url URL/#main&id=2 in URL/?section=main&id=2
            var splits1 = currentAnchor1.substring(1).split('&');
            //Get the section
            var page1 = splits1[0];
            delete splits1[0];
            var query1 = "page=" + page1;       
        }

        //Send the petition 
        $.scrollTo( document.location.hash, 500, { easing:'elasout' });
    }
});

1 个答案:

答案 0 :(得分:1)

这来自您的PHP页面。 4100.php输出内联JavaScript。

您无法使用<!--在JavaScript中阻止评论,因此您的window.location来电确实仍在进行中。 (对于JavaScript中的多行注释,请改为使用/**/包围这些行。)

第2485行:

<script type="text/javascript">
<!--
window.location = "http://www.period3designs.com/tmss/l1/terminals/4100.php#4100errors"
//-->
</script>

第4779行:

        <script type="text/javascript">
<!--
window.location = "http://www.period3designs.com/tmss/l1/terminals/4100.php#4100guides"
//-->

第5319行:

        <script type="text/javascript">
<!--
window.location = "http://www.period3designs.com/tmss/l1/terminals/4100.php#4100howto"
//-->
</script>

第5393行:

<script type="text/javascript">
<!--
window.location = "http://www.period3designs.com/tmss/l1/terminals/4100.php#4100functions"
//-->
</script>

第5467行:

                        <script type="text/javascript">
<!--
window.location = "http://www.period3designs.com/tmss/l1/terminals/4100.php#4100menus"
//-->
</script>