英特尔的App Framework页脚无法隐藏

Question

我有一个应用程序，无法让页脚消失。我可以从中删除所有内容，但仍有空间未被内容使用。此外，由于某种原因，侧面板留下了人工制品。任何人都必须处理这个问题。起初我认为这是一个Android渲染问题，但它也出现在Chrome中......

<script>
    $.ui.ready( function(){
        console.log('ready');
        $.feat.nativeTouchScroll=false; //Disable native scrolling globally
        $.ui.removeFooterMenu();
    });
</script>
<style>
#navbar {
display:none;
}
</style>
<div id="afui">

    <!--Left Side Menu Navigation bar -->
    <nav>
        <ul class="list">
            <li><a href="#page1" class="icon home">Home</a></li>
            <li><a href="#page2" class="icon heart">Favorites</a></li>
            <li><a href="#page3" class="icon chat">Messages</a></li>
            <li><a href="#page4" class="icon user">Profile</a></li>
        </ul>
    </nav>

    <div id="content" style=""> 

    <!--Main View Pages-->
        <div class="panel" title="Events" id="page1" selected="true" data-footer="none">
            <header>
                <a id="menubadge" onclick='$.ui.toggleSideMenu()' class='menuButton' style="float:left !important"></a>
                <h1>Lunch Box</h1>
            </header>
            <p>This is view for first menu item</p>
            <p>
               Content.....
            </p>
        </div>
...some other panels...
 </div>
</div>

Answer 1

我从这里的stylebuilder引入了一个css文件，http://app-framework-software.intel.com/style2.php，这似乎是问题的根源。我带回了默认的appframework-2.1.0 / build / css / af.ui.css文件，然后直接更改颜色，现在我没有问题。