Fix Position of ThreeJS Model While Scrolling

Asked Jan 29 '21 at 08:07

Active Jan 29 '21 at 14:57

Viewed 49 times

I am using ThreeJS and GSAP and I am trying to keep my 3D model fixed to the background, and rotate the mesh while scrolling. Here is the code I am using: https://jsfiddle.net/n2qw9rg8/3/

I have a div with id 3d and I am using document.getElementById('3d').appendChild(renderer.domElement); to add the model to that div. Then I styled the 3d div with position: fixed but the div refuses to fix to the background. What am I doing wrong?

I want the sections to scroll on top of the rotating model.

edited Jan 29 '21 at 14:57

Zach Saucier

24,871
12
85
147

asked Jan 29 '21 at 08:07

Ali Abbas

It's invalid to have an ID (or class name) start with a number. Use a letter instead and it works. – Zach Saucier Jan 29 '21 at 14:54
That fixed it! Starting the ID with a letter fixes it. Thank you. – Ali Abbas Jan 29 '21 at 17:39

Fix Position of ThreeJS Model While Scrolling

0 Answers0