Есть ли способ перемещать divs по массиву?

Question 1

самоучитель javascript Я хотел создать меню, похожее на Netflix, где при прокрутке вправо или влево вы можете просматривать шоу/фильмы, однако это будет со стрелками влево и вправо, то есть, если я двинусь вправо, блок2 будет в положении блок1, блок3 в блоке 2 и т. Д

Я думал, что мог бы назначить каждому блоку позицию в массиве: var MenuBar = [блок1, блок2, блок3, блок4]; затем выполните итерацию по массиву

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';

Прямо сейчас ничего не движется, есть ли ошибки в том, как я это делаю?

Question 2

left и top свойства css работают только с не-position: static значение (которое является значением по умолчанию position значение всех элементов).

Попробуйте дать элементам меню 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 свойства css работают только с не-position: static значение (которое является значением по умолчанию position значение всех элементов).

Попробуйте дать элементам меню 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 по массиву?

Вопрос

Лучший ответ

На других языках

Эта страница на других языках

Популярное в этой категории

Популярные вопросы в этой категории