• From: POLAND
  • Registered: 2014-04-23
  • Posts: 15

Topic: unwanted vertical scroll in the mobile gallery

Hi, I have a problem with Juicebox Pro gallery on an iPhone 5s.

The problem is that on a fullscreen view scrolling should only work left/right, horizontally, but sometimes it works also vertically, causing visual errors.

This can be checked even on your demo gallery:
http://juicebox.net/demos/pro/full/#1

First image looks on my iPhone like this:
http://i.imgur.com/Q0z8wsG.png

When I grab the caption part (selected in red):
http://i.imgur.com/Q7cOvy5.png
I can scroll the gallery up/down. When I move it up too much, the gallery stays like on the picture - image moves to top and I can see part of the background.

But... When I try to scroll vertically the second image in the same demo gallery:
http://i.imgur.com/irsYe8c.png
vertical scroll doesn't work (which is good) and I can only scroll this image left/right.

Please help me with this. What is the difference between those 2 images? Why the second one is OK? On my website I have a problem with vertical scroll with all the images:
http://www.next-planet.com/graphics/#1expanded

mallow's Website

  • Registered: 2012-04-24
  • Posts: 5,924

Re: unwanted vertical scroll in the mobile gallery

I'm not sure exactly what is causing the problem but in our own Pro Full Browser demo gallery, the problem happens only when the caption includes a link (for example images #1 and #8).

Unfortunately, I do not have a solution to the problem at the moment but I have logged a bug report with the developers.
Thank you for reporting.

  • From: POLAND
  • Registered: 2014-04-23
  • Posts: 15

Re: unwanted vertical scroll in the mobile gallery

Steven wrote:

I'm not sure exactly what is causing the problem but in our own Pro Full Browser demo gallery, the problem happens only when the caption includes a link (for example images #1 and #8).
(...)

It seems the case for your demo gallery, but please look at my gallery:
http://www.next-planet.com/graphics/#1expanded
The first image doesn't have a link in the caption and it scrolls vertically :-/

mallow's Website

  • From: POLAND
  • Registered: 2014-04-23
  • Posts: 15

Re: unwanted vertical scroll in the mobile gallery

Small update. I found that for some reason in my config.xml file I had:

galleryWidth="960"
galleryHeight="720"

I thought those config options are not valid for a fullscreen view, but it seems they are. I deleted those options to make it default 100% width and height and now images without links scroll only horizontally.

Still, images with links scroll vertically too.

mallow's Website

  • From: POLAND
  • Registered: 2014-04-23
  • Posts: 15

Re: unwanted vertical scroll in the mobile gallery

Another update...

It seems that it makes harder to vertiacally scroll images without links, but it is still possible. You can test it even on your demo gallery:
http://juicebox.net/demos/pro/full/#2
This image has no link. Hold your iPhone in portrait mode. Rotate it to landscape mode and right after this touch the caption and move it up with your finger. It scrolls vertically, which is not wanted behaviour.

Please compare this to that gallery:
http://photoswipe.com
Here vertical swipe is coded to close the fullscreen view. Maybe you could make something like this?

mallow's Website

  • Registered: 2012-04-24
  • Posts: 5,924

Re: unwanted vertical scroll in the mobile gallery

The first image doesn't have a link in the caption and it scrolls vertically :-/

I noticed that and noted it in my bug report to the developers.

I thought those config options are not valid for a fullscreen view, but it seems they are.

The galleryWidth and galleryHeight attributes in the 'config.xml' file are used only by JuiceboxBuilder-Pro to populate the corresponding input fields (so that when a gallery is edited and re-saved, the same dimensions are used).

It seems that it makes harder to vertiacally scroll images without links, but it is still possible.

Thank you for your additional notes, testing and suggestion.
My bug report links to this thread so the developers will not miss anything whilst investigating.