Question

我正在开发一个菜单结构，并试图让它保持在页面上，即使从顶部位置向下滚动。但它不起作用，似乎我犯了一个错误，但无法弄清楚出了什么问题。

这就是我在menu.js（菜单效果的JavaScript文件）中所拥有的：

$(function(){

var menu = $('#menu'),
    pos = menu.offset();

    $(window).scroll(function(){
        if($(this).scrollTop() > pos.top+menu.height() && menu.hasClass('default')){
            menu.fadeOut('fast', function(){
                $(this).removeClass('default').addClass('fixed').fadeIn('fast');
            });
        } else if($(this).scrollTop() <= pos.top && menu.hasClass('fixed')){
            menu.fadeOut('fast', function(){
                $(this).removeClass('fixed').addClass('default').fadeIn('fast');
            });
        }
    });

});

以下是样式表的链接：http://www.neo4evr.com/templates/splash1/css/style.css

JavaScript（menu.js）中有什么问题吗？

Answer 1

您的外部匿名函数已声明但未执行，因此没有任何实际发生。为了执行外部函数，您应该将最后一行更改为})();

为什么菜单JavaScript效果不起作用？

1 个答案: