자바 스크립트 초보자, 슬라이더의 버튼 연결

Question

나는 3 개의 div를 만들었습니다. 추가 위치 : 그들에게 절대. 3 개의 버튼을 만들어 각각의 해당 div에 연결합니다. 이제 버튼과 관련된 특정 div를 표시하고 싶습니다. 예를 들어, 첫 번째 버튼을 클릭하면 첫 번째 div로 이동해야하며 한 번에 한 번만 표시됩니다 (절대 값을 추가 했으므로). 두 번째 버튼을 클릭하면 슬라이더와 비슷한 방식으로 두 번째 div로 이동합니다. 어떤 종류의 도움이라도 절대적으로 초심자입니다. 제게 자바 스크립트 코드가 필요한 이유를 설명해주십시오. 감사.

Answer 1

div를 가로 질러 '스크롤'하여 한 번에 하나의 '활성'div 만 볼 수 있고 나머지 두 개는 화면에서 볼 수있게하려는 것 같습니다.

이 경우 나는 아마도 CSS에서 애니메이션 및 배치를 처리하려고합니다. 간단히과 왼쪽에 떨어져있는 클래스 생성 :

transform: translate-x(-100vw); 

을 그에 함께 오른쪽에 떨어져 있습니다 :

transform: translate-x:(100vw); 

아마도 div의 모든에 타이밍 기능을 넣어 :

transition: all 0.6s ease-in-out; 

그런 다음 각 단추에 대해 onClick을 사용하면 관련 클래스를 추가/제거 할 수 있습니다. 당신은 일반 JS, jQuery로 이것을 할 수 있습니다. 또는 반응 또는 Ember와 같은 것을 사용하는 경우 템플릿에 클래스/클래스 이름을 조건부로 넣을 수 있습니다.