how to flip Html in r3f

15 Views Asked by Tyubit At 15 March 2024 at 23:52

I placed div with react element in Html from drei and the element doesn't respond on scroll and flipped.

<mesh
    geometry={nodes.main_monitor_screen.geometry}
    >
      <Html
        position={[-0.124, 0.554, 0.875]}
        transform
        rotation={[0,0,.0001]}
        distanceFactor={0.102}
        occlude="blending"
        >
        <div className="w-[1940px] h-[1170px]">
          <Landing/> 
        </div>
      </Html>
  </mesh>

enter image description here

In documentation no parameters flipX or Y. I know people use iframe for to show website and be able to scroll. is it the only way?

There are 0 best solutions below