mmenu.js (캔버스 메뉴에서 제외)를 내 사이트에 통합하려는 시도가 있습니다. 내 풋내기에 문제가 있습니다.

Question

내 캔버스 메뉴를 내 사이트에 추가하려고하는데 제가 선택한 것은 mmenu (http://mmenu.frebsite.nl/index.php)입니다. 그 밖의 다른 모든 것은 내 바닥 글이 작동합니다. 사이트에 끈적 끈적한 꼬리말이 있으며 메뉴를 클릭 할 때마다 꼬리말이 튀어 나옵니다. 고정 된 바닥 글에 대한

, 클래스 mm-고정 하단에 추가 = "바닥 글"클래스 = "mm-고정 하단의" ID> 안녕은 <

Example: http://jsfiddle.net/1eddy87/Lx5ps/1/

나는 문서화 된 방법을 시도하는 어떤 고정 된 요소에 대해서도 "mm-fixed-bottom"을 사용해야한다고 말합니다.

Documentation: http://mmenu.frebsite.nl/tutorial.php

페이지 하단으로 스크롤 한 다음 헤더를 통해 메뉴를 열고 위치 중 바닥 글의 움직임을 볼 수 있습니다.

어떤 아이디어 ??

나는 절대를 사용하고 있으며 고정되어 있지 않다는 것을 알고 있습니다. 끈적한 바닥 글 (http://mystrd.at/modern-clean-css-sticky-footer/)에 대한 요구 사항입니다. 나는 mm-fixed-bottom이 작동 할 것이라는 희망을 통해 자신의 길을 고치려고했지만 그렇지 않았습니다. 절대를 사용하기위한 수정이 필요합니다.

Answer 1

fixed 일 때 바닥 글에 position:absolute이 있습니다. CSS를 mm-fixed-bottom에서 덮어 씁니다. 나는 끈적 인 꼬리말의 모든 이유가 그것이 화면 하단에 머 무르지 않고 움직이지 않는다고 생각했다.

모든 위치가 제거되어 작동했습니다. 발견

http://jsfiddle.net/Lx5ps/3/

---

해결 방법 : 라이브러리가 height:auto와 <div class="mm-page">height:100%에있는 나사를 변경 같은 추가 검사에

이 보인다. 나는 브라우저 검사기에서 그것을 토글했고 작동한다.

이

html.mm-opened .mm-page { 
    height: auto; 
    overflow: hidden; 
    position: absolute; 
} 

http://jsfiddle.net/Lx5ps/4/

Answer 2

그냥 같은 문제가되고 있지만 CSS를 CALC를 사용하여 내놓았다 :

이 변경되었습니다.

html.mm-opened .mm-page { 
height: -webkit-calc(100% - 320px); 
height: -moz-calc(100% - 320px); 
height: calc(100% - 320px);} 

320px는 바닥 글의 높이입니다. Calc는 꽤 잘 지원됩니다. calc browser support