html5 360 page scroll up/down not working on mobile touch device

Q&A about the latest versions
Post Reply
DGoldberg
Posts: 4
Joined: Mon Nov 21, 2016 8:36 pm

html5 360 page scroll up/down not working on mobile touch device when touch on 360 image to go up/bottom of page

auto rotate is on. We have disable mouse & keyboard.
here is link see the screen shot
https://goo.gl/SBfpYa
Attachments
Screenshot_.jpg
Screenshot_.jpg (181.72 KiB) Viewed 3356 times
User avatar
Hopki
Gnome
Posts: 13021
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi DGoldberg,
Just opened on my iPhone with iOS 10 and I can scroll ok?
Regards,
Hopki
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
DGoldberg
Posts: 4
Joined: Mon Nov 21, 2016 8:36 pm

on android scroll doesn't work but submenu over 360 works fine.
but on apple ios device scroll works fine but submenu over 360 doesn't work.
User avatar
Hopki
Gnome
Posts: 13021
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Using this link: http://test.lancecamper.com/truck-campers/825/

Mac Pro, I can not click and drag on the top page header image, can only use my mouse wheel to scroll past it.
Click the 360 logo in the gallery and a pano opens which I seem to have full control over, so works ok as far as I can see.

iPhone, with page scrolled to the very top the page header image is one size, move the page up so the blue bar is now at the top and the image gets slightly larger but you can touch and scroll. Scroll down to the 360 logo and open the pano, all seems to be ok. Press the browser back button and scroll back to the top of the page.
Press the menu button in the blue bar and press Gallery, the page scrolls to the gallery. So all seems to be working as should apart from the top image changing size slightly.

Android 7.1.1, all works as I would expect but the menu icon in the blue bar is replaced with a strange symbol, a tall rectangle with a cross. The same for the play icon when you press the 360 image in the gallery.

The thing to note is on a touch screen device if you have a pano that is the width of the window then you will only move the pano, not scroll the page, this is expected behaviour. If your using a pano as a page header picture so it rotates but you don't want to interact with it try putting a rectangle in the skin to fill 100%, then make its alpha say 0.005. This will be an active element and you should be able to move the page and not the pano.
Regards,
Hopki
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
DGoldberg
Posts: 4
Joined: Mon Nov 21, 2016 8:36 pm

thanks for getting back but url you are using is wrong. I am talking about url below. we have 360 on top of the menu
we made few changes per your suggestion but scrolling on top of the 360 doesn't work at all when mouse cursor on 360. not only that if submenu on top of the 360 its stop workink link doesn't work its make deactivate heyperlink
https://goo.gl/mhTiI6

not only touch devices it doesn't work on desktop browser. I made little video for you issue I am having with scrolling & click link on top of the 360

https://goo.gl/OKXt1v (here is movie)
User avatar
360Texas
Moderator
Posts: 3684
Joined: Sat Sep 09, 2006 6:06 pm
Location: Fort Worth, Texas USA
Contact:

We use a 27" touch screen on a PC Win10 using Chrome Browser.

Constructive observations regarding index.php page

Panorama continues to auto rotate even when touching the screen for manual drag around.

I turned on our Chrome developer tools to see if the page had any coding issues.

Not sure what all this means but it appears there a couple issues in RED.

Hope this helps
lance.jpg
lance.jpg (74.76 KiB) Viewed 3220 times
Dave
Pano2VR Forum Global Moderator
Image
Visit 360texas.com
DGoldberg
Posts: 4
Joined: Mon Nov 21, 2016 8:36 pm

those errors are from our new image gallery working on.
Post Reply