웹 사이트 용 접이식 사이드 메뉴

Question

내가하고 싶은 것은 웹 사이트를위한 떠오르는 사이드 메뉴를 만드는 것입니다. 그러나 웹 디자인을 처음 접했기 때문에 조금 느려졌습니다. this example에서 볼 수있는 것처럼 달성하고자하는 것은 뭔가 있습니다 사이드 "문의하기"양식 및 소셜 미디어 공유 메뉴. 하지만 html5 css 또는 자바 스크립트를 사용하여이 작업을 만들고 싶습니다. 나는 Bootstrap jQuery로 많은 것을 시도했지만 지금까지 아무런 운이 없었기 때문에 어떤 지침을 정말로 고맙게 생각할 것입니다.

Answer 1

페이지에서 원하는 연락처 블록 요소의 CSS 스타일을 position: absolute; right: n (여기서 n = 측면을 튀어 나오게하려는 버튼의 너비)로 설정하려고합니다. 링크를 클릭하면 jQuery 함수가 n을 처음에는 숨겨 놓았던 전체 div 너비까지 늘려야합니다.

기본적으로 연락처 상자를 페이지의 오른쪽 가장자리에서 꺼내 이동하는 것입니다. Contactable 당신을 위해 그것을 돌봐야한다, 그래서 그게 당신의 요구에 맞는다면 그것은 더 쉬울 수도 있습니다.

Answer 2

난 당신이 올바른 적응으로 Contactable

검색하는 생각, 당신은 당신이 준 예에서 동일한 결과를 얻을 수 있습니다.

희망이 있습니다.