'photoswipe js on mobile device can't scroll vertically when swiping on the main image

I am using PhotoSwipe.js on an ecommerce site to display the product on the Product Detail Page. When I am trying to scroll up and down the page using my mobile device, it does not scroll if you happen to scroll directly on the main image. (I have disabled the zoom-in/expand-image button because I don't want it by just commenting out in the code for the expand image button. So I am not referring to you expanding the image). So all I have to do now is disable whatever makes this "stop scrolling feature" happen on mobile.

Is there any javascript that I can use to help me give mobile the ability to scroll vertically down the page even when you happen to scroll your finger across the main image ?

Here I have provided a link to an example of the same html theme that I am using that is also using PhotoSwipe.js.

If you resize your chrome browser to mobile and select the responsive mobile toggle emulator on inspect element you can test this out or just go to this link on a real mobile device itself. CLICK THIS LINK

Steps:

  1. On a mobile device go to the link. Or on desktop chrome as mobile device using inspect element.
  2. On mobile try to scroll down the page, try to scroll by swiping your finger directly on the large main image itself and watch it not move. Then try to scroll up and down on white space and see it work properly.

Solution to this ?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source