CSS를 사용하여 이와 유사한 수직 플라이 아웃 메뉴를 설계하는 방법은 무엇입니까?

Question

왼쪽 사이드 바의 아이콘에 마우스를 올리면 플라이 아웃 메뉴/패널이 열립니다. CSS에서 이것을하는 방법?

업데이트 : 직접 만들었습니다. 약간 연마해야하고 사용하는 것이 좋습니다. 당신은 메뉴 전체 ​​높이를 만들기 위해 jQuery를 사용

jsfiddle.net/anujkk/fhb36/103/

Answer 1

나는주의 사항 : 여기에 코드입니다. 실제로 다음 코드를 추가하여 jQuery가 필요하지 않습니다.

#menuwrapper{position:fixed;left:0;top:0;bottom:0;} 
#sidemenu{ 
    height:100%; 
} 

여기에서 확인하십시오. http://jsfiddle.net/MenuSo/8drsjhm7/1/

position: absolute;도 좋습니다.