मैं dat.gui ड्रॉपडाउन का स्थान कैसे बदलूं?

Question

मैं dat.gui का उपयोग कर रहा हूं, और मैं इसे शीर्ष दाएं से कहीं अलग स्थिति में रखना चाहता हूं, अधिमानतः शीर्ष पर तीन .js कैनवास को ओवरलैप करना, क्या यह कमांड के माध्यम से पूरा होता है, या क्या कुछ सीएसएस है जो चाल करेगा ?

Answer 1

आपको ऐसा करने के लिए कुछ जावास्क्रिप्ट और सीएसएस की आवश्यकता है।

जीयूआई कन्स्ट्रक्टर को एक पैरामीटर ऑब्जेक्ट पारित किया जा सकता है। आप नियंत्रण को बता सकते हैं कि ऑटोप्लेस्ड न हो। तुम भी एक तत्व आईडी सीएसएस संलग्न कर सकते हैं आसान

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

स्टाइल बनाने के लिए और फिर जगह यह कुछ इस तरह हो सकता है:

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

Answer 2

स्वीकार किए जाते हैं जवाब मेरे सवाल का जवाब लेकिन मैं क्या काफी नहीं है समस्या को हल करने के लिए चला गया, जब मैं पेज ऊपर और नीचे जाता हूं तो मेरे साथ गुई स्क्रॉलिंग करता हूं। गुई domelement के लिए एक आईडी सेट करने के बजाय, मैंने तत्व को एक मौजूदा तत्व में जोड़ा जो मैं बेहतर नियंत्रित कर सकता हूं।

सीएसएस:

.moveGUI{ 
    position: absolute; 
    top: 13.1em; 
    right: -1em; 
} 

जे एस:

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

HTML:

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

Answer 3

अवहेलना सीएसएस:

.dg.a { margin-right:60px !important; }