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

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

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