有没有办法移动div通过一系列?

Question 1

自教javascript 我想创造一个菜单有点类似Netflix其中你向右滚动或左边你可以通过表示/电影，然而，将它与左右箭头 i。e如果我移动的权利，block2将在block1位置，block3在block2，等等

我在想，我能分配每个区块的位置在一个阵列： var菜单=[block1,block2,block3,block4]；然后迭代过阵列

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 值的所有元素)。

试着给予的菜单项目a 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 值的所有元素)。

试着给予的菜单项目a 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;
}

有没有办法移动div通过一系列?

的问题

最好的答案

其他语言

此页面有其他语言版本

受欢迎的此类别

流行的问题，在这个类别