title: Prevent HTML Scrolling When scrolling inside element, without hiding scrollbar
body: <p>I want to prevent scrolling of the body or html when user is scrolling inside the menu. However, I DON'T WANT to set <code>$('html').css('overflow','hidden');</code> because this makes the entire document shift right. I just want to disable the HTML scroll when scrolling or swiping inside the menu. I tried to search this topic a lot, but nothing I found really worked for me. </p>
  
  <p><a href="http://jsfiddle.net/m2ga2ygo/1/" rel="nofollow">FIDDLE</a> </p>