---
lang: ja-jp
breaks: true
---
# Blazor FluentUI メニューアイテムが多い場合に フッターが途中に表示される 2024-01-27


## プロジェクトテンプレート



## 修正方法

### `NavMenu.razor.css` に以下を追加する

nav.sitenav {
    background-color: var(--neutral-layer-1);
    padding: 1.5rem 1rem;
    height: calc(100dvh - 90px);
    overflow-y: auto;
}

* メニューアイテムが多い場合はスクロールバーが表示されてフッターが末尾に表示されるようになる。


###### tags: `Fluent UI Blazor` `Blazor` `FluentUI` `メニューアイテム` `フッター`