C'è un modo per spostare i div per mezzo di una matrice?

Question 1

insegnamento auto javascript volevo creare un menu un po ' come Netflix, dove, come si scorrere verso destra o sinistra si può passare attraverso i programmi/film, tuttavia, sarebbe con le frecce destra e sinistra, io.e se ho spostato a destra, blocco2 sarebbe in blocco1 posizione, block3 in blocco2, ecc

Stavo pensando che potrei assegnare a ciascun blocco di una posizione in un array: var menuBar = [blocco1, blocco2, block3, block4]; quindi scorrere la matrice

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

e GoThroughMenu() spostare i blocchi

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

Adesso nulla in movimento, c'è errori nel modo in cui sto andando su questo?

Question 2

left e top proprietà css funzionano solo con una non-position: static valore (che è il default position valore di tutti gli elementi).

Provare a dare il la barra dei menu voci di un position: relative;.

Question 3

Basta aggiungere position: relative; in #box. si lavorerà bene.

Controlla qui esempio 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 e top proprietà css funzionano solo con una non-position: static valore (che è il default position valore di tutti gli elementi).

Provare a dare il la barra dei menu voci di un position: relative;.

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

Basta aggiungere position: relative; in #box. si lavorerà bene.

Controlla qui esempio https://jsfiddle.net/milytulip/x52goy3s/2/

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

C'è un modo per spostare i div per mezzo di una matrice?

Domanda

Migliore risposta

In altre lingue

Questa pagina è in altre lingue

Popolare in questa categoria

Domande popolari in questa categoria