html - 本文がオーバーフローするとスクロールできません: 非表示要素と固定要素

Question

スクロールバーを非表示にしたいので、サイトの本文を指定しましたoverflow:hidden;
今、メニューバーをページの上部に固定したいと思います。position: fixed;

しかし、メニューバーを固定すると、スクロールホイールでページ全体をスクロールできなくなります。
誰が答えを知っていますか？

body {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

これは機能していますが、メニューに aposition: fixed;を配置すると、スクロールできなくなります。

.menu {
    position: fixed;
    width: 100%;
    height: 50px;
}

私の質問を理解していただければ幸いです。