वहाँ है एक तरह से स्थानांतरित करने के लिए divs के माध्यम से एक सरणी?

Question 1

स्वयं शिक्षा के लिए जावास्क्रिप्ट मैं चाहता था करने के लिए एक मेनू बनाने के लिए की तरह की तरह Netflix के रूप में जहां आप स्क्रॉल सही है या छोड़ दिया जा सकते हैं के माध्यम से पता चलता है/movies, हालांकि, यह होगा के साथ बाएँ और दाएँ तीर, मैं.ई अगर मैं ले जाया गया, सही, block2 में होगा block1 स्थिति, block3 में block2, आदि

मैं सोच रहा था कि मैं कर सकता निरुपित प्रत्येक ब्लॉक में एक की स्थिति की एक सरणी: वार menuBar = [block1, block2, block3, block4]; तो सरणी के माध्यम से पुनरावृति

for(var i=0; i < menuBar.length(); i++){
switch (e.key) {
            case 'ArrowLeft':
                i--;
                GoThroughMenu();
                break;
            case 'ArrowRight':
                i++;
                GoThroughMenu();
                break;
}

और GoThroughMenu (होता है) ब्लॉकों को स्थानांतरित

block1.style.left = menuBar[i].style.left + 'px';
block1.style.top = menuBar[i].style.top + 'px';

सही अब nothings चलती है, वहाँ त्रुटियों में जिस तरह से मैं जा रहा हूँ इस बारे में?

Question 2

left और top सीएसएस गुणों के साथ एक गैर-position: static मूल्य (जो डिफ़ॉल्ट है position मूल्य के सभी तत्वों).

देने की कोशिश की menuBar आइटम एक position: relative;.

Question 3

बस जोड़ने position: relative; में #बॉक्स. यह ठीक काम करेगा.

यहाँ की जाँच करें काम कर उदाहरण के लिए https://jsfiddle.net/milytulip/x52goy3s/2/

#box{
    width: 1000px;
    height: 200px;
    background-color: black;
    position: relative;
}

AVAVT · Answer 1 · 2021-11-24T04:29:17

left और top सीएसएस गुणों के साथ एक गैर-position: static मूल्य (जो डिफ़ॉल्ट है position मूल्य के सभी तत्वों).

देने की कोशिश की menuBar आइटम एक position: relative;.

Sateesh · Answer 2 · 2021-11-24T04:45:07

बस जोड़ने position: relative; में #बॉक्स. यह ठीक काम करेगा.

यहाँ की जाँच करें काम कर उदाहरण के लिए https://jsfiddle.net/milytulip/x52goy3s/2/

#box{
    width: 1000px;
    height: 200px;
    background-color: black;
    position: relative;
}

वहाँ है एक तरह से स्थानांतरित करने के लिए divs के माध्यम से एक सरणी?

सवाल

सबसे अच्छा जवाब

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में