fuse-angular/src/app/main/ui/page-layouts/simple/left-sidenav-2/left-sidenav-2.component.html

<div class="page-layout simple left-sidenav single-scroll" fxLayout="row">

    <md-sidenav-container>

        <!-- SIDENAV -->
        <md-sidenav class="sidenav mat-sidenav-opened" align="start" opened="true" mode="side"
                    fuseMdSidenavHelper="simple-left-sidenav-2" md-is-locked-open="gt-md">

            <fuse-demo-sidenav></fuse-demo-sidenav>

        </md-sidenav>
        <!-- / SIDENAV -->

        <!-- CENTER -->
        <div class="center" fxFlex perfect-scrollbar>

            <!-- HEADER -->
            <div class="header" fxLayout="row">

                <button md-button class="mat-icon-button sidenav-toggle"
                        fuseMdSidenavToggler="simple-left-sidenav-2"
                        fxHide.gt-md>
                    <md-icon>menu</md-icon>
                </button>

                <div>
                    <h2>Left sidenav with page scroll</h2>
                </div>

            </div>
            <!-- / HEADER -->

            <!-- CONTENT -->
            <div class="content">

                <fuse-demo-content></fuse-demo-content>

            </div>
            <!-- / CONTENT -->

        </div>
        <!-- / CENTER -->

    </md-sidenav-container>

</div>