我正在尝试开发一个简单的应用程序，该应用程序具有由两个标签组成的页眉和页脚（标签栏）。
HTML：
<div data-dojo-type="dojox.mobile.View" id="Img1">
<ul data-dojo-type="dojox.mobile.TabBar" fixed="bottom">
<li data-dojo-type="dojox.mobile.TabBarButton" icon="images/Arrow-turn-right-icon.png" data-dojo-props="transition:'flip',dir:'-1',moveTo:Home">Label</li>
</ul>
</div>
当我尝试此操作时，选项卡栏仍显示在屏幕顶部。
如何在屏幕底部修复该问题？
最佳答案
您需要将TabBar小部件放置在scrollableView而不是View内。
示例代码：Fixed Header and TabBar in a Worklight-based Dojo app
Documentation reference
如何：
创建一个新的Worklight 6.1.0项目和应用程序，然后选择通过向导向其中添加Dojo Mobile框架。添加环境进行测试。Read this training module。
使用Rich页面编辑器，drag from the Dojo Palette在HTML文件中的自动生成的Heading TabBar中查看scrollableView小部件和div小部件。
您当然可以添加图标...
我还为Header设置了fixed="top"，因此也将对其进行修复。
运行方式>在Worklight Development Server上运行。
因为我没有Android设备，所以我还添加了iPhone环境，并使用MBS QR code feature将应用程序Web资源加载到了我的设备中。
在iPhone和Worklight Console预览中，当Header和TabBar分别固定在顶部和底部时，我能够查看和滚动应用程序的内容。
Full size
关于android - IBM Worklight-无法将选项卡栏固定在屏幕底部，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20897643/