Disable touch move on whole body except menu scroll

So I use this javascript to disable the touchmove on my whole site..... But I want when i open my menu, the menu to scroll.. Look at the code..... When menu-toggle is pressed (this is when I open the menu) i want to lock the body. But I want the menu to still scroll... The problem I have is that when I open the menu.... the body locks and the menu locks too because its a part of the body. I have tried disabling touchmove on the .site-main.... locks the body but then If I scroll the menu, it scrolls the body...... Can you help? Is there a way to disable touchmove on the body and scroll the menu without the body scrolling? $(".menu-toggle").on('click', function(){ if(isTrue){ $('.body).bind('touchmove', function(e){[login to view URL]()}); isTrue=false; } else{ $('.body').unbind('touchmove'); isTrue=true; } }); });