英特尔应用程序框架滚动不起作用
-
20-12-2019 - |
题
我正在使用Intel App Framework和XDK的应用程序,我在滚动到仿真器外面的工作滚动很多。我还没有苹果开发人员许可证,所以我只能使用app preview
测试iOS第一个问题是使用完整页面面板。在Android构建和Android / iOS仿真器上,它们滚动罚款,但它们在iOS上没有滚动。panl for 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>
.
第二个问题是使用div占用视口的一部分,其余页面不滚动。在仿真器中,它可以正常工作,并且我在Android上滚动一次,但是即使在同一版本上也无法滚动。在仿真器中,滚动条出现在侧面,鼠标滚轮工作。panl for 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>
.
我在这两种情况下做错了什么?
解决方案
我也用同样的框架工作了很多。我喜欢它,但它是挑剔的。通常,当事情停止在不同的平台上工作时,它是由装载顺序引起的。我对Android进行了大规模的问题。
检查文档是否正确为JS,CSS和Start函数的正确顺序。这是解决了我的问题。
编辑: 对不起,只需阅读邮件的第二部分。这是我完全相同的问题。没有尺寸,没有滚动,但其他事情有效。查看它的顺序。 并尝试
$.feat.nativeTouchScroll=true;
.
我在互联网搜索4天后发现这个小功能。它解锁了所说的。
不隶属于 StackOverflow