Javascript 如何更改dat.gui下拉列表的位置？

我使用的是dat.gui，我想把它放在不同于右上角的地方，最好放在三个.js画布的顶部，这是通过命令实现的，还是有一些css可以做到这一点？

你需要一些JavaScript和css来做到这一点

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

var gui=new dat.gui（{autoPlace:false}）；
gui.domeElement.id='gui'；

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

#gui{位置：绝对；顶部：2px；左侧：2px}

接受的答案回答了我的问题，但不完全是我解决问题的目的，当我在页面上下滚动时，对gui做些什么。我没有为gui DomeElement设置ID，而是将该元素附加到可以更好地控制的现有元素

css:

JS:

HTML:

覆盖CSS：

---

.dg.a{右边距：60px！重要；}

我个人喜欢使用：

    function datgui(){
    let gui = new dat.GUI({
        width : 300
    }); 

---

TY，当我自动替换：false时，它不起作用，但当我更改eid并向该id添加css时，它工作得很好。你知道有没有办法阻止它在屏幕上随意滚动？就像在中一样，无论用户在页面上的什么位置，都不要看到它。只需在样式中添加以下代码：.main{position:absolute；top:100px；left:100px；}这是一个BAAAAAAAAAAAAAAD API。

// Create GUI   
    gui = new dat.GUI( { autoPlace: false } );
    {
        // create fill and open folders
    }
    var customContainer = $('.moveGUI').append($(gui.domElement));

<div  class = 'moveGUI'>
</div>

    function datgui(){
    let gui = new dat.GUI({
        width : 300
    });