Intel app cadre de défilement de défilement ne fonctionne pas

Question

Je travaille sur une application utilisant Intel App Framework et XDK, et j'ai beaucoup de difficulté à faire défiler pour fonctionner correctement en dehors de l'émulateur.Je n'ai pas encore de licence de développeur Apple, je ne peux donc tester que sur iOS à l'aide d'APP Aperçu

Le premier problème concerne les panneaux de page complets.Sur les bâtiments Android et l'émulateur Android / IOS, ils font défiler l'amende, mais ils ne font pas défiler du tout sur iOS.HTML pour panneau:

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

Le deuxième problème est avec une DIV qui n'occupe qu'une partie de la fenêtre, avec le reste de la page non défilante.Dans l'émulateur, cela fonctionne bien et je l'ai eu pour faire défiler une fois sur Android, mais je n'ai pas été incapable de, même sur la même construction.Dans l'émulateur, une barre de défilement apparaît sur le côté et la roue de la souris fonctionne.HTML pour panneau:

<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'est-ce que je fais mal dans ces deux cas?

Answer 1

Je travaille beaucoup avec le même cadre aussi.J'aime ça mais c'est difficile.Habituellement, lorsque les choses cesseront de travailler sur différentes plates-formes, elles sont causées par la commande de chargement.J'ai eu un problème massif avec Android.

Vérifiez les documents pour le bon ordre des fonctions JS, CSS et Démarrer.C'est ce qui corrige mes problèmes.

EDIT: Désolé, il suffit de lire la deuxième partie de votre message.C'est le même problème que j'ai eu.Pas de dimensionnement, pas de défilement, mais d'autres choses ont fonctionné.Découvrez l'ordre de celui-ci. Et essayez

 $.feat.nativeTouchScroll=true;

J'ai trouvé cette petite fonction après 4 jours de recherches sur Internet.Il déverrouille ce qui est dit.