JQuery脚本只运行一次，然后只在页面刷新后才能运行

Question

我正在尝试为单页网站构建菜单，当用户点击菜单项时，菜单和徽标的css位置会固定（与页面一起滚动），并且在动画后它获得绝对的位置。 这是一个非常简单的代码，但我不知道为什么它只能运行一次，在此之后，它只有在刷新页面时才有效。

继承人的职能

    <script>
        function ScrollTo( obj ){

            var topOffset = 0;
            topOffset = parseInt($(obj).offset().top);

            $('#menu').css('position','fixed');
            $('#logo').css('position','fixed');


            $('html, body').animate({ scrollTop: $(obj).offset().top }, 1000, function(){
                                                    $('#menu').css('position','absolute');
                                                    $('#logo').css('position','absolute');
                                                    $('#menu').css('margin-top', topOffset+'px');
                                                    $('#logo').css('margin-top', topOffset+'px');
                                    });

        }           
    </script>