title: Fancybox-2 on mobile - prevent scrolling of the page behind popup
body: <p><em>I cannot find the same issue online after over a day's searching, so I am here with tail-between-legs.</em></p>
  
  <p>Not sure what code is relevant to this issue - can provide - otherwise see link below </p>
  
  <p>I am working on a image gallery for a portfolio site. Using fancybox2, everything is working as intended on desktop version but there is a minor issue for mobile devices (testing on an iPhone 4).</p>
  
  <p>Page with issue: <a href="http://www.redlaurieyellowlaurie.co.uk/tom/film_test.html" rel="nofollow">CLICK HERE</a></p>
  
  <p>Screenshot of issue: <a href="http://www.redlaurieyellowlaurie.co.uk/tom/issue.png" rel="nofollow">SCREENSHOT OF ISSUE ON MOBILE</a></p>
  
  <p><strong>Current Behaviour =</strong> When the user taps on the thumbnail to load up the full size image, the image loads up correctly in a pop-up window, with the 'x' to close in the corner, the user can then finger-swipe down to scroll down the page, whilst the pop-up is still open. The rest of the page is darkened whilst the image is 'open'and tapping the page elsewhere will close the image.</p>
  
  <p><strong>Desired Behaviour =</strong> When a pop-up image is open, finger scrolling the page behind image is prevented until the window is closed (by X-ing in the corner or tapping outside the popped-up image). </p>
  
  <p>aside- Perhaps finger gestures should switch between images in the same gallery - although this may be too complicated (for me) to implement for now.</p>
  
  <p>I am working out how to use JS as I go along, so any baby-steps advice will be recieved with gratitude. </p>
  
  <p>Thank you for reading.</p>