평균 메뉴 위치 고정

모바일 용 반응 메뉴로 meanmenu 플러그인을 사용하고 있습니다. 메뉴의 위치를 고정 시켜서 페이지 하단에서 액세스 할 수 있습니다.평균 메뉴 위치 고정

그러나 meancontainer의 위치가 상대 대신 고정으로 설정되면 메뉴가 확장 될 때 메뉴를 스크롤 할 수 없습니다.

나는 다음과 같은 마크 업 사용하고 있습니다 :

/* when under viewport size, .mean-container is added to body */ 
.mean-container .mean-bar { 
    width: 100%; 
    height: 40px; 
    position: relative; 
    background: #fff; 
    padding: 4px 0; 
    border-bottom: 1px solid rgba(157, 157, 157, 0.2); 
    z-index: 999999; 
    top: 0; 
} 

.mean-container a.meanmenu-reveal { 
    width: 22px; 
    height: 22px; 
    padding: 13px 13px 11px 13px; 
    position: absolute; 
    top: 0; 
    right: 0; 
    cursor: pointer; 
    color: rgba(157,157,157,1); 
    text-decoration: none; 
    font-size: 16px; 
    text-indent: -9999em; 
    line-height: 22px; 
    font-size: 1px; 
    display: block; 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: 700; 
}

플러그인 소스 : https://github.com/meanthemes/meanMenu 페이지 소스 : https://premonk.com이

출처

2014-11-07 Simon Eldevig

[JsFiddle] (http://jsfiddle.net) 또는 HTML을 사용하여 해결책을 찾을 수 있습니다. – urbz

예. jsfiddle을 만들면 수정 사항을 찾을 수 있습니까? – Stefan

JsFiddle을 사용할 수 없지만 사이트는 이미 온라인 상태입니다. www.premonk.com // 브라우저 크기는 1080px 너비보다 작아야합니다. 관리자 도구로 검사 해 볼 수 있습니다. :) –

당신은이 같은 somrthing을 만들 수 있습니다

.mean-container .mean-nav { 
     float: left; 
     width: 100%; 
     background: none repeat scroll 0% 0% #FFF; 
     margin-top: 44px; 

     position:fixed 

    } 

.meanclose{ 
     height: 2000px; 
     overflow: scroll; 
}

높이 값을 확장 된 메뉴의 최대 높이로 간단하게 변경할 수 있습니다.

출처

2015-02-22 11:13:47 Dimger

평균 메뉴 위치 고정

답변

관련 문제