Including a jQuery panel ruins visibility of html elements while scrolling on mobile

Including a jQuery panel ruins visibility of html elements while scrolling on mobile

i cant for the life of me understand it

but heres a  link  snoblifetest.myshopify.com

when i add the markup for a panel...external or internal

elements will disappear while scrolling on any phone...without even opening the panel...

heck...the mere presence of data-role="panel"  causes it... 

as soon as i remove the code below...mobile scrolling performance returns to normal...very strange

  1.   <div data-role="panel" id="mobilemenu" class=" panel" data-position="left" data-display="reveal" data-theme="a"></div>