인텔 앱 프레임 워크 스크롤이 작동하지 않습니다

Question

Intel 앱 프레임 워크와 XDK를 사용하여 앱에서 일하고 있으며 에뮬레이터 외부에서 제대로 작동하도록 스크롤하는 데는 많은 문제가 발생합니다.나는 아직 Apple Developer 라이센스가 없으므로 앱 미리보기를 사용하여 iOS에서만 테스트 할 수 있습니다

첫 번째 문제는 전체 페이지 패널을 사용합니다.Android Builds 및 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>

.

두 번째 문제는 나머지 페이지가 스크롤되지 않는 뷰포트의 일부만을 차지하는 DIV와 함께합니다.에뮬레이터에서는 괜찮습니다. 그리고 나는 Android에서 한 번 스크롤 할 수 있지만, 이후 같은 빌드에서도 할 수 없었습니다.에뮬레이터에서 스크롤 막대가 옆에 나타나고 마우스 휠이 작동합니다.패널 용 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 일 후에이 작은 기능을 발견했습니다.그것은 말한 것을 잠금 해제합니다.