Intel App Framework 스크롤이 작동하지 않습니다.

Question

Intel App Framework 및 XDK를 사용하는 응용 프로그램에서 작업 중이며 에뮬레이터 외부에서 제대로 작동하도록 스크롤하는 데 많은 어려움을 겪고 있습니다. Apple 개발자 라이선스가 없으므로 앱 미리보기를 사용하여 iOS에서만 테스트 할 수 있습니다.

첫 번째 문제는 전체 페이지 패널 때문입니다. Android 빌드 및 Android/iOS 에뮬레이터에서는 스크롤이 잘되지만 iOS에서는 전혀 스크롤하지 않습니다. 패널 HTML :

이

<div class="upage panel" id="uib_page_info" data-header="af-header-info" data-footer="none"> 
<div class="upage-outer"> 

    <header class="container-group inner-element uib_w_2" data-uib="app_framework/header" data-ver="0" id="af-header-info"> 
     <a id="backButton" href="javascript:;" class="button" >Back</a> 
     <h1>Info</h1> 
     <div class="widget-container wrapping-col single-centered"></div> 
     <div class="widget-container content-area horiz-area wrapping-col left"></div> 
     <div class="widget-container content-area horiz-area wrapping-col right"></div> 
    </header> 

    <div id="uib_page_infosub" class="upage-content "> 
     <div style="width:100%; "> 
      <!-- text content here, long enough to need scrolling --> 
     </div> 
    </div> 
</div> 

두 번째 문제는 스크롤하지 않는 페이지의 나머지 부분과, 뷰포트의 일부만을 차지 사업부와 함께입니다. 에뮬레이터에서는 제대로 작동하지만 안드로이드에서 한 번 스크롤 할 수있게되었지만 그 이후로는 같은 빌드에서조차 할 수 없었습니다. 에뮬레이터에서는 스크롤 막대가 측면에 나타나고 마우스 휠이 작동합니다. 패널 HTML :

<div class="upage panel" id="uib_page_events" data-header="af-header-events" data-footer="none" data-load="DoCalendarLoad"> 
<div class="upage-outer" style="height:100%"> 

    <header class="container-group inner-element uib_w_3" data-uib="app_framework/header" data-ver="0" id="af-header-events"> 
     <a id="backButton" href="javascript:;" class="button" >Back</a> 
     <h1>Event Calendar</h1> 
     <div class="widget-container wrapping-col single-centered"></div> 
     <div class="widget-container content-area horiz-area wrapping-col left"></div> 
     <div class="widget-container content-area horiz-area wrapping-col right"></div> 
    </header> 

    <div id="uib_page_eventssub" class="upage-content " style="width:100%; height:100%; background:#FFFF00"> 
     <div id="eventsContent" style="width:100%; position:absolute; top:0px;"> 
      <input type="text" id="example" style="position:absolute;top:-40px;height:40px;width:100%;" gldp-id="calendarDiv"/> 
      <div class="ratioCalendar" id="ratioOuter" style=" position:absolute; top:0px; width:100%; background:#FF0000"> 
       <div class="ratio_content" id="ratioInner" style="background:#00FF00" gldp-el="calendarDiv"></div> 
      </div> 
      <div class="ac-container" id="listDiv" style="position:absolute; width:100%; bottom:0px; background:#EFE7D0; margin:0px; overflow-y: scroll; overflow-x: hidden" scrolling="yes" > 

       <!-- several of the following, formatted as http://cssdeck.com/labs/5p3sqfwi --> 
       <div class="ac-container"> 
        <div> 
         <input id="ac-2" name="accordion-1" type="checkbox" /> 
         <label for="ac-2"> 
          <span class="event_date">05.07.2013</span> Title 
         </label> 
         <article> 
          <!-- content --> 
         </article> 
        </div> 
       </div> 

      </div> 
     </div> 
    </div> 
</div> 

무엇 내가 이러한 경우 모두에서 잘못하고 있는가?

Answer 1

동일한 프레임 워크로도 많은 작업을합니다. 나는 그것을 좋아하지만 까다 롭다. 일반적으로 일이 다른 플랫폼에서 작동을 멈 추면로드 순서로 인해 발생합니다. Android에 큰 문제가있었습니다.

js, css 및 시작 기능의 올바른 순서에 대해 문서를 확인하십시오. 그것이 내 문제를 해결 한 것입니다.

수정 : 죄송합니다. 메시지의 두 번째 부분을 읽으십시오. 이것은 제가 가진 똑같은 문제입니다. 크기 조정이나 스크롤링은 없지만 다른 것들은 효과가있었습니다. 그것의 순서를 확인하십시오.

$.feat.nativeTouchScroll=true; 

시도 나는 인터넷 검색 4 일 후에이 작은 기능을 발견했다. 그것은 말한 것을 열어줍니다.