javascript - 滚动页面时，固定div不起作用

我正在使用这个演示我的项目。
http://tympanus.net/Development/ArticleIntroEffects/index3.html

我想在滚动后做固定菜单。而且我用这个js，但是不起作用。

    function fixDiv() {
        var $cache = $('#codrops-demos');
        if ($(window).scrollTop() > 100)
            $cache.css({'position': 'fixed', 'top': '10px', 'display': 'block'});
        else
            $cache.css({'position': 'relative', 'top': 'auto', 'display': 'none'});
    }
    $(window).scroll(fixDiv);
    fixDiv();

我该怎么做？

最佳答案

codrops-demos是类，而不是id，因此您应使用.codrops-demos而不是#codrops-demos。

不确定是否足够。