フレームWeb VRは、HTMLテンプレートとしてインポートしたときにブートストラップからのスクロールを防止します。

Aureliaフレームワークアプリケーションでテンプレートとしてaframe a-sceneをインポートする際に、現在問題に直面しています。フレームWeb VRは、HTMLテンプレートとしてインポートしたときにブートストラップからのスクロールを防止します。

AFrameはThree.jsに基づいているため、これは私が見つけることができる最も類似した問題ですが、回答されていません（https://github.com/mrdoob/three.js/issues/3091）ので、関連するスタックオーバーフローに関するヘルプを見つけようとしました。

次のように私は私のhome.htmlファイルにAFRAMEシーンを統合：

私home.jsからAFRAME輸入

<template> 
    <a-scene> 
     <a-sphere position="0 1.25 -1" radius="1.25" color="#EF2D5E"></a-sphere> 

     <a-sky color="#000000"></a-sky> 
     <a-entity position="0 0 3.8"> 
      <a-camera></a-camera> 
     </a-entity> 
    </a-scene> 
</template>

をそれ以外のシーンがレンダリングされていません。 import 'aframe';

を今ではこのようですインポートはいくつかのブートストラップスクロール機能をオーバーライドしますが、理由を理解できません。

注：Googleマテリアルデザインライトとaureliaマテリアルプラグイン（https://github.com/genadis/aurelia-mdl）では予期しない動作が発生しました。この場合、AFrameシーンはズームされますが、ページスクロールは引き続き機能します。完全なコードのためにここで

githubのプロジェクト：https://github.com/dnhyde/aframe-aurelia.git

出典

2017-03-17 dnhyde

、フレーム、フルスクリーンとposition: fixedスタイルを削除するembeddedコンポーネントを使用してください。 https://aframe.io/docs/master/components/embedded.html

<style>a-scene { width: 600px; height: 300px; }></style> 

<body> 
    <!-- ... --> 
    <a-scene embedded></a-scene> 
    <!-- ... --> 
</body>

出典

2017-03-17 16:07:14 ngokevin

お返事ありがとうございました！今ブートストラップはうまくいきますが、Aurelia（https://github.com/arabsight/aurelia-mdl-plugin）用のmaterial-design-liteプラグインはAフレームコンテンツの視覚化に問題を引き起こします。時間があり、手がかりを与えることができる場合は、gitでコードを更新しました。ありがとう！ – dnhyde

フレームWeb VRは、HTMLテンプレートとしてインポートしたときにブートストラップからのスクロールを防止します。

答えて

関連する問題