하는 방법이 있 이동 div 배열을 통해?

Question 1

각자 교육 javascript 을 만들고 싶었 메뉴 같은 종류의 넷플릭스 같은 당신이 오른쪽 또는 왼쪽으로 스크롤을 통해 갈 수 있습니다/영화,그러나,그것은 것으로 왼쪽과 오른쪽 화살표 i.전자면,오른쪽으로 이동 한 block2 것에 block1 위치,block3 에 block2,etc.

나는 생각할 수 있는 각 블록의 위치에 배열: var menuBar=[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 가치의 모든 요소가).

을 제공하십시오 메뉴 모음 항목 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;
}

하는 방법이 있 이동 div 배열을 통해?

질문

최고의 응답

다른 언어로

이 페이지는 다른 언어로되어 있습니다

이 카테고리에서 인기

인기 있는 질문에 이 카테고리