在设置html动画时,临时javascript函数会导致wierd行为

在设置html动画时,临时javascript函数会导致wierd行为,javascript,jquery,behavior,Javascript,Jquery,Behavior,当一个页面被加载时,我试图基本上滑动到我的contents div,因为我的contents块在文档的下面相当远。我没有使用散列标签,而是使用这个(下面的函数)滑动到我的内容,基本上是任何不是主页的页面 也许不是最优雅的解决方案,因为我还处于与javascript相关的婴儿期 var slideToContents = function(){ //split the pathname and remove empty elements from the array var ar

当一个页面被加载时,我试图基本上滑动到我的contents div,因为我的contents块在文档的下面相当远。我没有使用散列标签,而是使用这个(下面的函数)滑动到我的内容,基本上是任何不是主页的页面

也许不是最优雅的解决方案,因为我还处于与javascript相关的婴儿期

var slideToContents = function(){

    //split the pathname and remove empty elements from the array
    var arr = $.grep(window.location.pathname.split('/'), function(n){return n});

        if(arr.length > 1)
        {
             var contents = $("#contents").offset().top;
                $("html, body").animate({
                    scrollTop : contents
                }, 1000);
        }
}
现在说这个函数运行得很好,除了它会导致一些异常行为,我已经用尽了所有其他方法,它们或多或少指向这个脚本

问题是它导致“我的页脚”导航移出其父范围并移到文档顶部。当我点击主页时,它就会回到正常状态

这可能是什么原因造成的


关于。

你为什么不使用“#”散列方法,即“链接到你的页面的链接”@DigvijayYadav我有很多页面(博客帖子、商店),所以我不想使用散列,这是我以前做的