jQuery UI Accordion - HTML5 App 내 고정 높이

Question

HTML5 IOS 앱 측면 패널에 수직 Accordian을 구현해야합니다. 아코디언은 휴대 전화의 높이에 정확히 일치해야하며 패널보다 큰 탭 콘텐츠는 스크롤해야합니다.

(http://jqueryui.com/accordion/#default)을 구현하려고하는데 콘텐츠가 항상 페이지에서 흘러 나와 높이를 고칠 수 없습니다. - 아무에게도이를 수행 할 방법을 모르거나 나를 초대 할 수있는 제안을 제공 할 수 있습니까? 올바른 길!? 주변 DIV의 높이를 설정 - -이 아웃 나타냈다

환호

Answer 1

는

$(function() { 
     $("#notifPanelAcordion").accordion({ 
     heightStyle: "fill" 
     } 
    ); 
}); 

환호

Answer 2

당신이 할 수있는 사업부에 아코디언을 배치하려고 - 방아쇠에 다음을 적용 CSS에서 @media 쿼리를 사용하여 Height를 화면 높이와 같게 설정합니다.

Index.html을 나는 아직도에 대한 자세한 정보 조회 필요로 아직이 테스트를하지 않은

<div class="accordContainer"> 
<div id="accordion"> 
    <h3>Section 1</h3> 
    <div> 
    </div> 
    <h3>Section 2</h3> 
    <div> 
    </div> 
</div> 

@media only screen and (max-device-height:800px){ 
    .accordContainer{ 
     height:800px; 
    } 
} 

@media only screen and (min-device-height:480px){ 
    .accordContainer{ 
     height:480px; 
    } 
} 

index.css : 예를 들어, CSS 미디어 쿼리 및 모바일 장치가 있지만 작동 할 수있는 기반을 제공해야합니다.

는 스크롤에 관해서는, 당신은 내 프로젝트에서 그것을 사용하고 있는데 (나는 JQueryMobile 호환 버전을 사용하고 있지만)이 페이지의 특정 부분에 좋은 스크롤 효과를 제공 iScroll 4.0로 볼 수 있었다.