4
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

A-FrameのVRモードで一部iOS上のSafariのアドレスバーが消えない問題への対処

Posted at

一部のiOS機(画面解像度が一定以下?)でA-FrameのVRモードに入った時アドレスバーが消えない問題に遭遇しましたがページの末尾に以下のスクリプトを挿入するとアドレスばーが消えるようになりました。

var html = document.getElementsByTagName('HTML'); 
html[0].style.position = 'initial'; 
html[0].style.overflow = 'scroll'; 
var canvas = document.querySelector('.a-canvas'); canvas.style.top = '1000px';

かなり強引に見えますがどうもiOS Safariのバグらしく正攻法の対処法は無いようです。

iOS SafariのWebVR正式対応がなされることを祈るのみ・・・。

参考:https://github.com/aframevr/aframe/issues/1231
(↑では対象機種がiPhone5,5S,SEとなっていますがiPod touch 5thでも同様の問題が発生しました)

4
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?