SlideMenu's submenu position is changing when scrolling

[smh53]

I'm trying to create a slidemenu in the header of my app. I've just created MenuItem items and gave them to pslidemenu like this:
<p-slideMenu class="layout-topbar-menu" #menu [model]="items" [popup]="true" ></p-slideMenu>

I've attached a button to it like this:

<button #btn class="p-link layout-topbar-button" (click)="menu.toggle($event)">
           <i class="pi pi-user"></i>
           <span>User</span>
       </button>

But when I scroll down the page, my submenu also goes down. What is happening here?

[smh53]

Nevermind, found the solution:

Using appendTo="body" in the <p-slideMenu class="layout-topbar-menu" #menu [model]="items" [popup]="true" ></p-slideMenu> solved the issue.