Сделайте скрипт three.js фиксированным на прокручиваемой странице
У меня есть прокручиваемая страница, и мне интересно, как сделать так, чтобы 3D-модель (с использованием three.js) имела фиксированное положение, чтобы она была фоном, а остальное прокручивается нормально. Есть ли способ использовать css с 3D-моделью или что-нибудь, что я могу добавить в свой скрипт, чтобы добиться этого.
Вот сайт прямо сейчас. trhidouan309.barzalou.com/Barzalou/personnelle.html
Кстати, я знаю, что моя 3D-модель еще не готова.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Одно из решений - (а) установить холст, который отображает модель three.js, на 'position: fixed', а затем расположить его так, как вы хотите, на странице, а затем (b) присвоить меню положительный z-индекс. так это будет видно поверх холста.
Посмотрите этот фрагмент кода для примера: http://jsfiddle.net/shawnoakley/s8a1ex9d/13/
Пример CSS:
canvas {
position: fixed;
top:50%;
left:-20px;
height:100px;
width:100px;
}
ul {
position: absolute;
z-index: 2;
}
спасибо, это сработало!
Можете ли вы показать здесь минимальный пример того, что вы пробовали? Ссылки меняются со временем.