All geek questions in one place

Frame Web VR prevents scrolling from bootstrap when importing as an HTML template

I am currently facing a problem when importing aframe a-scene as a template in Framework Aurelia application.

I tried to find help on stackoverflow related questions, but none of them connect the dots with each other: since AFrame is based on Three.js, this is the most similar problem I could find, however it was not answered ( https: // github .com / mrdoob / three.js / issues / 3091 ).

I included the AFrame scene in the home.html file as follows:

<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 from my home.js, otherwise the scene is not displayed: import 'aframe';

Now it seems that this import overrides some bootstrap scrolling functions, but I cannot understand why.

: Google aurelia material (https://github.com/genadis/aurelia-mdl), AFrame , - .

github : https://github.com/dnhyde/aframe-aurelia.git

+4
1

embedded A-Frame position: fixed. https://aframe.io/docs/master/components/embedded.html

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

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

Source: https://habr.com/ru/post/1672548/

More articles:


All Articles