Question

我想在向下滚动时让我的顶级菜单动画化。我正在使用此代码： http://jsfiddle.net/jezzipin/JJ8Jc/

<script type='text/javascript'>
$(function(){
    $('#menu-wrapper').data('size','big');
});

$(window).scroll(function(){
    if($(document).scrollTop() > 0)
    {
        if($('#menu-wrapper').data('size') == 'big')
        {
            $('#menu-wrapper').data('size','small');
            $('#menu-wrapper').stop().animate({
                height:'40px'
            },600);
        }
    }
    else
    {
        if($('#menu-wrapper').data('size') == 'small')
        {
            $('#menu-wrapper').data('size','big');
            $('#menu-wrapper').stop().animate({
                height:'100px'
            },600);
        }  
    }
});
</script>

但不知怎的，没有任何想法？

该网站是www.rockandblossom.com

我真的很感激帮助。

Answer 1

在您的网站上，我没有看到标识为#menu-wrapper的菜单，但我看到一个带有.menu-wrapper类的菜单。因此，在代码中更改#menu-wrapper中的.menu-wrapper即可。

如何在博客上添加动画顶级菜单

1 个答案: