要创建一个不可滚动的侧边导航栏，你可以使用Angular Material的Sidenav组件，并结合CSS样式来实现。

首先，确保已经安装了Angular Material和Angular CDK。可以使用以下命令进行安装：

npm install --save @angular/material @angular/cdk

接下来，在你的Angular项目中导入所需的模块。在你的app.module.ts文件中添加以下导入语句：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { MatSidenavModule } from '@angular/material/sidenav';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    MatSidenavModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

然后，在你的组件模板中，使用MatSidenav组件来创建侧边导航栏。确保将mode属性设置为'over'以禁用滚动，并使用CSS样式来限制导航栏的高度。以下是一个示例：

最后，你可以根据需要为导航栏和主内容添加内容。如果导航栏中的内容超过导航栏的高度，它将自动显示滚动条。

希望这可以帮助到你！