Fix Position of Model While Scrolling

Questions
1

Hello,

I’m 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.

2

/cc

3

Can you change the id to ‘d3d’;
CSS, HTML, and Script

4

That fixed it! Why doesn’t an id of ‘3d’ work?