jQuery在IE和Firefox中制作动画+滚动整个网站

这是我现在正在开发的网站：它只是一个模板。我有两个问题：

1我不知道我做错了什么，但动画只在谷歌浏览器中工作。这些动画在Internet Explorer和Firefox中不起作用，我认为它在移动设备和其他浏览器中也不起作用

下面是animation.js文件的代码：

function menuresize() {
        if (document.body.scrollTop > 0)
         $('#main-menu').stop().animate({"height": '50px'}, 100);
        else
         $('#main-menu').stop().animate({"height": '125px'}, 100);
}

function logoresize() {
        if (document.body.scrollTop > 0)
         $('#logo').stop().animate({
                height:'40px',
                width:'96px'
                }, 100);
        else
         $('#logo').stop().animate({
                width:'240px',
                height:'100px'
                }, 100);
}

function itemresize() {
        if (document.body.scrollTop > 0)
         $('.menu-item').stop().animate({
                height:'40px',
                width:'205px',
                "line-height":'40px'
                }, 100);
        else
         $('.menu-item').stop().animate({
                width:'205px',
                height:'100px',
                "line-height":'100px'
                }, 100);
}

function showservice() {
        if (document.body.scrollTop > 0)
         $('#service').stop().animate({"opacity": '1.0'}, 400);
        else
         $('#service').stop().animate({"opacity": '0.0'}, 50);
}

我需要做什么来修复它

2我想在单击菜单项时设置滚动到指定标题的动画。我在想这样的事情：

怎么做

---

谢谢你友好的回答

您是否尝试过调试它以检查document.body.scrollTop值？不，我没有。我该怎么做？您必须学习如何使用控制台调试javascript。关于您的问题，我想您应该使用$window.scrollTop jQuery的方法，而不是document.body.scrollTop。如果$window.scrollTop>0供参考，那么与0不同的任何内容都是真正的javascript，所以可以是：如果$window.scrollTop感谢您A.Wolff先生-这很有帮助，现在它正在IE和Firefox上工作。不管怎样，我还是没有第二个问题的答案。有人能帮忙吗？