JQuery脚本只运行一次，然后仅在页面刷新后工作

我正在尝试为一个单页网站构建一个菜单，当用户点击菜单项时，菜单和徽标的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>

---

你怎么称呼它？你有没有检查控制台有没有错误？你试过用浏览器调试它吗？我试过用两种方法调用它，第一种是用像$document.ready这样的脚本。。。其中每个菜单项都有一个$'menu-item'。单击函数{ScrollTo'.test'}；在li元素中，通过onClick=ScrollTo'.test'；。我试过了，但在这里没有显示任何错误…这段代码在你的头部区域吗？还是在考试之前？你把它叫到哪里，怎么叫？试着把它放到JSFIDLE上，这样我就可以帮你了。请添加循环和/或重置功能