Est-il un moyen de déplacer les divs à travers un tableau?

Question 1

l'enseignement de soi javascript , j'ai voulu créer un menu un peu comme Netflix, où comme vous le faites défiler vers la droite ou la gauche, vous pouvez aller à travers les spectacles/films, cependant, il serait avec les flèches gauche et droite, j'.e si je me suis déplacé à droite, bloc2 serait en bloc1 position, block3 dans bloc2, etc

Je pensais que je pourrais attribuer à chaque bloc d'une position dans un tableau: var menuBar = [bloc1, bloc2, block3, block4]; alors parcourir le tableau

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

et GoThroughMenu() serait de déplacer les blocs

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

Maintenant riens en mouvement, est-il des erreurs dans la façon dont je vais à ce sujet?

Question 2

left et top propriétés css ne fonctionne qu'avec un non-position: static valeur (qui est la valeur par défaut position la valeur de tous les éléments).

Essayez de donner à la barre de menus articles un position: relative;.

Question 3

Ajoutez simplement position: relative; dans #zone. cela fonctionnera très bien.

Consultez ici exemple de travail 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 et top propriétés css ne fonctionne qu'avec un non-position: static valeur (qui est la valeur par défaut position la valeur de tous les éléments).

Essayez de donner à la barre de menus articles un position: relative;.

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

Ajoutez simplement position: relative; dans #zone. cela fonctionnera très bien.

Consultez ici exemple de travail https://jsfiddle.net/milytulip/x52goy3s/2/

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

Est-il un moyen de déplacer les divs à travers un tableau?

La question

La meilleure réponse

Dans d'autres langues

Cette page est dans d'autres langues

Populaires dans cette catégorie

Questions populaires dans cette catégorie