Geek Answers Handbook

Fancybox-2 on mobile - prevents page scrolling outside the popup

I can not find the same problem on the Internet after more than one day, so I am here with a tail between my legs.

Not sure which code relates to this problem - can provide - otherwise see link below

I am working on an image gallery for a portfolio site. Using fancybox2, everything works as intended on the desktop version, but there is a small problem for mobile devices (testing on iPhone 4).

Question page: CLICK HERE

Screenshot: SCREEN QUESTION ON MOBILE

Current behavior = When a user clicks on a thumbnail to download a full-size image, the image loads correctly in the pop-up window and “x” in the corner, the user can then scroll down to scroll down the page while the pop-up is still open. The rest of the page is darkened while the image is “open” and clicking on the page elsewhere will close the image.

Desired behavior = When the pop-up image is open, a finger scrolling page after image is prevented until the window is closed (by X-ing in the corner or by clicking the image outside the pop-up window).

Aside. Perhaps finger gestures should switch between images in the same gallery, although it may be too difficult (for me) to implement at the moment.

, JS, , .

, .

+4
1

, , :

   FancyboxOptions({
      scrolling   : 'hidden',
      helpers: {
         overlay: {
            locked: true 
         }
      });

, : -)

+4

More articles:


All Articles