временная функция javascript, вызывающая странное поведение при анимации html, body

Question

Я пытаюсь в основном скользить к своему содержимому div, когда страница загружена, так как мой блок содержимого находится довольно далеко от документа.Вместо того, чтобы использовать хеш-теги, которые я использовал (функция ниже), чтобы перейти к моему контенту, в основном к любой странице, которая не является домашней страницей.

Возможно, это не самое элегантное решение, так как я все еще нахожусь в зачаточном состоянии с чем-либоСвязанный с 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);
        }
}

Теперь указанная функция работает довольно хорошо, за исключением того, что она вызывает какое-то странное поведение, я исчерпал все другие возможности, и они более или менее указывают на этот сценарий.

Проблемаэто заставляет мою навигацию нижнего колонтитула выходить за пределы родительской области и в начало документа.Когда я нажимаю на домашнюю страницу, она возвращается в нормальное состояние.

Что может быть причиной этого?

С уважением.