如何防止滚动正文内容但允许在移动设备上滚动导航？

I am trying to create an "off-canvas navigation" for my page. When the navigation is open, I want the body content to not be scrollable, but I still want to be able to scroll within the navigation menu if it extends beyond the visible area. I am trying to create an "off-canvas navigation