펼침메뉴

펼침메뉴

QA

펼침메뉴

답변 5

본문

펼침메뉴가 상단에서 아래쪽으로 펼쳐지게 되어있는것을 

왼쪽에서 오른쪽으로 펼쳐지게 하려면 어떻게 해야 되나요?

 

이 질문에 댓글 쓰기 :

답변 5

(1)부분을 #activeButton, (2)부분을 #content라고 칭하겠습니다.

 

1. #content에 css로 position:fixed, top:0, left:-400px, width:400px, height:700px, transition:all 0.3s ease 지정합니다. (가로:세로가 400:700px로 가정)

2. .active에 css로 left:0px 지정합니다.

3. #activeButton에 onclick event로 #content에 .active를 토글시키도록 지정합니다.

기본소스를 제;시해 주지 않아 구체적인 것은 모르겠지만

예를 들어 아래 예 처럼 animate메서드에 left라는 속성을 사용하시면 됩니다.

$("#mobile_nav").animate({ "left": "-200px" });

제가 질문글을 다시 쓸수가 없어서

여기에 작성합니다~

그누보드4 입니다.

아래 그림과 같이 하는 방법 알려 주시면 감사합니다~^^

새해 복많이 받으시고 건강들 하세요~~^^♥

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

1번 창에서 여기를 누르면~

2번창이

3번과 같은 방향(왼쪽)에서 오른쪽으로 스르륵 나오게 해주세요~

[닫기] 눌러서 닫을 겁니다~

2042336706_1546695401.3106.png

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 16
© SIRSOFT
현재 페이지 제일 처음으로