Es allí una manera de mover la vid a través de una matriz?

0

Pregunta

auto de enseñanza javascript quería crear un menú como el tipo de Netflix, donde a medida que se desplaza a la derecha o a la izquierda usted puede ir a través de la muestra/películas, sin embargo, sería con las flechas izquierda y derecha, yo.e si me movía de derecha, block2 sería en block1 posición, block3 en block2, etc

Yo estaba pensando en que me podría asignar a cada bloque de una posición en una matriz: var menuBar = [block1, block2, block3, block4]; a continuación, recorrer la matriz

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

y GoThroughMenu() se mueven los bloques

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

Ahora frases de amor en movimiento, hay errores en la manera en que voy sobre esto?

html javascript
2021-11-24 04:25:23
2

Mejor respuesta

2

left y top propiedades de css sólo funcionan con un noposition: static valor (que es el predeterminado position valor de todos los elementos).

Trate de darle a la barra de menú los elementos de un position: relative;.

2021-11-24 04:29:17
1

Acaba de agregar position: relative; en #cuadro. funcionará bien.

Marque aquí el ejemplo de trabajo https://jsfiddle.net/milytulip/x52goy3s/2/

#box{
    width: 1000px;
    height: 200px;
    background-color: black;
    position: relative;
}
2021-11-24 04:45:07

En otros idiomas

Esta página está en otros idiomas

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Slovenský
..................................................................................................................