Instalación de la aplicación Intel Scrolling no funciona

Question

Estoy trabajando en una aplicación usando Intel App Framework y XDK, y estoy teniendo muchos problemas para conseguir desplazarse para trabajar correctamente fuera del emulador.Aún no tengo una licencia de Apple Developer, por lo que solo puedo probar en iOS usando la vista previa de la aplicación

El primer problema es con paneles de página completa.En las construcciones de Android y en el emulador de Android / IOS, se desplazan bien, pero no se desplazan en IOS.HTML para panel:

<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>

El segundo problema es con un div que solo ocupa parte de la ventana gráfica, con el resto de la página, no se desplaza.En el emulador, funciona bien, y lo conseguí para desplazarse una vez en Android, pero desde entonces no han podido, incluso en la misma construcción.En el emulador, aparece una barra de desplazamiento en el lateral y la rueda del mouse funciona.HTML para panel:

<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>

¿Qué estoy haciendo mal en ambas instancias?

Answer 1

Yo trabajo mucho con el mismo marco también.Me gusta, pero es exigente.Por lo general, cuando las cosas deja de trabajar en diferentes plataformas, es causada por el orden de carga.Tuve un problema masivo con Android.

Revise los documentos para el orden correcto de las funciones JS, CSS y START.Eso es lo que arreglaron mis problemas.

Editar: Lo siento, solo lea la segunda parte de su mensaje.Este es el mismo problema que tenía.No hay dimensionamiento, sin desplazamiento, pero otras cosas funcionaron.Echa un vistazo al orden de ello. Y prueba

 $.feat.nativeTouchScroll=true;

Encontré esta pequeña función después de 4 días de búsquedas en Internet.Desbloquea lo que dice.