Czy istnieje sposób, aby przenieść div na tablicy?

Question 1

tutorial javascript chciałem stworzyć menu, podobny do Netflix, gdzie podczas przewijania w prawo lub w lewo można zobaczyć pokaz/filmy, jednak to będzie strzałek w lewo i w prawo, czyli, jeśli ja pójdę w prawo, блок2 będzie w stanie блок1, блок3 w bloku 2 itp

Myślałem, że mógłbym przypisać do każdego bloku pozycji w tablicy: var MenuBar = [блок1, блок2, блок3, блок4]; następnie wykonaj iteracji na tablicy

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

i GoThroughMenu() będzie przesunąć bloki

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

Teraz nic nie porusza się, czy są jakieś błędy w tym, jak ja to robię?

Question 2

left i top właściwości css działają tylko z nie-position: static wartość (która jest wartością domyślną position wartość wszystkich elementów).

Spróbuj dać elementów menu position: relative;.

Question 3

Wystarczy dodać position: relative; w #pudełko. to będzie działać normalnie.

Sprawdź tutaj roboczy przykład 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 i top właściwości css działają tylko z nie-position: static wartość (która jest wartością domyślną position wartość wszystkich elementów).

Spróbuj dać elementów menu position: relative;.

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

Wystarczy dodać position: relative; w #pudełko. to będzie działać normalnie.

Sprawdź tutaj roboczy przykład https://jsfiddle.net/milytulip/x52goy3s/2/

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

Czy istnieje sposób, aby przenieść div na tablicy?

Pytanie

Najlepsza odpowiedź

W innych językach

Ta strona jest w innych językach

Popularne w tej kategorii

Najczęściej zadawane pytania w tej kategorii