Question

这是我现在正在处理的网站：http://pandino.pl/temp（现在只是模板）。我有两个问题：

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）我想在点击菜单项时动画滚动到指定的标题。我正在考虑这样的事情：http://systemofadown.com

怎么做？

感谢您的所有答案！

IE浏览器中的jQuery动画Firefox +滚动整个网站

0 个答案: