What is the cause of this odd behavior as seen in the video? Is there a fix I can apply? (iOS iphone, Safari)
Video link here
What is causing this mobile scrolling issue on iOS with Safari?
-
-
-
- Official Post
Please post a link to the example.
-
Any pano on my website, like this for example? (thx for checking btw)
Amazon Nitro Plaza, Denny Triangle, Seattle WA - 360 VR PanoramaExplore an interactive, high resolution 360° panoramic image by VR photographer ©Bradford Bohonus.bohonus.com -
-
- Official Post
Hi,
it's your html file.
Remove this:
<div id="pano" ... ontouchstart="requestfullscreen(this);">and also that strange script at the end:
<script>(function(){function c(){var b=a.contentDocument||a.con ....Best regards,
Klaus -
Hi Klaus, thanks for looking into that!
Removing the first portion from the div "pano" bit doesn't quite fix the issue. I still get the same result that is shown in the video in my first post. But oddly, in rare cases reloading the pano or closing the browser and reloading the exact same panorama, the issue is gone. To test/see this on your side with OS X Safari, I would recomend loading different panoramas (change the number in the URL for example).
HTML for each panorama is generated by script for each panorama dynamically, so I only need to make the change to the code once. I don't know yet if caching or something is screwing with it?
The second bit of javascript is inserted by Cloudflare and thus I don't have much control over that. It's part of their security bot protection type stuff. -
It appears that Safari's TABS preference seems to be related~ I have my setting as "Single Tab" and thus the scrolling problem. When I change the preference to "Tab Bar", the problem goes away.
Note that panoramas I have created with Pano2VR do not have issues with either of these tab settings. -
- Official Post
Maybe try version 1.23.2, that versions has a complete new iPhone fullscreen handling.
And if still not working, disable the iPhone fullscreen mode by adding setting the display.iphonefullscreen variable to -1:
krpano.com - Documentation - XML ReferenceE.g.
-
I have loaded 1.23.2 on my server now and the unwanted "scrolling" issue is gone, but there is a small black gap at the bottom of the browser window (pano not filling all vertical space) and when panning, the whole image jiggle's a bit, due to poor rendering performance I would expect?
-
- Official Post
I have tested your page now on iPhones with iOS 18.6.2 and iOS 26 - each with all possible Safari tab-bar settings - and with no problems at all: no scrolling problems, no gap, no 'jiggle', no poor performance, landscape fullscreen is working...
Btw - is the dragfriction="0.999" intentional? That endless panning is a bit annoying...
-
Here's is a video showing the "jittering" that happens during panning.
https://bohonus.com/temp/panning.movBelow you will find a screenshot that clearly shows the "gap" at the bottom that I am referring to.
As far as dragfriction="0.999"? Your own default is "0.9". I would assume that at one time your dragfriction parameter was not working and the only "fix" was having to change it to "0.999"? You have yourself suggested previously values of "0.95" as a "starting point" for dragfriction, but you find mine "annoying"? ok. I think at the time, I was trying to get the pano to coast a little bit before finally stopping, and the value I used was the only way to achieve that. So something must have changed again over the years to make the param setting continue to pan the image?
My iPhone is an iPhone 16 Pro, iOS v 18.6.2
Browser is Safari default. -
- Official Post
Sorry, I can't reproduce this...
Tested with iPhone 15 Pro with iOS 18.6.2 and iPhone 16 Pro with iOS 26.
I have tried again:
- all possible tab-bar settings
- bold text enabled in the iOS display settings
- different font-sizes in the iOS display settings
- display zoom enabled and disabledNo gap, no jittering, working landscape fullscreen...
Participate now!
Don’t have an account yet? Register yourself now and be a part of our community!