javascript - 如何更改 dat.gui 下拉菜单的位置？

Question

我正在使用 dat.gui，我想将它放置在与右上角不同的位置，最好是在与 three.js Canvas 重叠的顶部，这是通过命令完成的，还是有一些 css 可以执行把戏？

Answer 1

您需要一些 JavaScript 和 CSS 来执行此操作。

GUI 构造函数可以传递一个参数对象。您可以告诉控件不要自动放置。您还可以附加元素 ID 以简化样式

var gui = new dat.GUI( { autoPlace: false } );
gui.domElement.id = 'gui';

然后放置它的 CSS 可以是这样的:

#gui { position: absolute; top: 2px; left: 2px }