jquery - 固定 div のスクロール

Question

以下は意図したとおりに機能しますが、1 つのことを除いて... メニューがダウンしているときにスクロールできません! 私の人生では、それを解決する方法がわかりません:(

固定位置と関係があると思いますが、それを変更すると、メニューが意図したとおりに機能しなくなります (常に上に固定されます)。

ここにフィドルがあります

これはJクエリです

$(document).ready(function () {

var topMenu = $('#topMenu');
var topMenuItem = $('#topMenu ul li a');
var top = $('#top');
var menuTrigger = $('.menu-trigger');
var time = 350;
var easing = 'easeOutCirc';

topMenu.css({
    'top': -(topMenu.height())
});

menuTrigger.on('click', function () {
    if (top.hasClass('closed')) {
        top.animate({
            top: topMenu.height()
        },
        time,
        easing);
        top.removeClass('closed').addClass('open');
    } else if(top.hasClass('open')) {
        top.animate({
            top: 0
        },
        time,
        easing);
        top.removeClass('open').addClass('closed');
    }; 
});

topMenuItem.on('click', function () {

    if (topMenu.offset().top == 0) {

        top.animate({
            top: 0
        },
        time,
        easing);
    };
});});