Dojo应用的页眉和页脚在Windows和iPhone中不固定定位

Question

我们正在开发使用IBM MobileFirst 7.0和dojox 1.8作为脚本语言的混合应用程序。

我正面临着UI页眉和页脚的问题，这些问题在windows和iphone中不固定，但相同的代码与Android一起工作很好。

。e，对于标题，我们使用标签，并给出data-dojo-props:"fixed:top"作为标题。
对于footer，我们使用tag，并给出data-dojo-props:"fixed:bottom"作为footer。

请问有什么解决办法吗?

<div data-dojo-type="dojox.mobile.ScrollableView" id="Login_en_View_Id"
    data-dojo-props="selected:false">
    <h1 class="test" data-dojo-type="dojox.mobile.Heading" data-dojo-props="fixed:'top'"></h1>
    <div class="margin">
        <label >Text:</label> <input class="clearFields"
            data-dojo-type="dojox.mobile.TextBox" >
        <label>Code</label> <input class="clearFields"
            data-dojo-type="dojox.mobile.TextBox">

        <button data-dojo-type="dojox.mobile.Button" class="englishFont">Login</button> 
        <button data-dojo-type="dojox.mobile.Button" class="englishFont">REGISTER</button>

    </div>
    <h2  class="test1" data-dojo-type="dojox.mobile.Heading" data-dojo-props="fixed:'bottom'"></h2>
</div>

Css代码:

    .test{  
        height: 42px;
        display: table;
        line-height: 0px;
    }
   .test1{
        height: 44px;
   }

Answer 1

我不太清楚你所说的"非固定位置"是什么意思。
我已经使用了你的代码和标题和页脚确实是固定定位的顶部和底部。

我想你可能指的是你可以滚动页面，页眉/页脚与你一起移动(注意，它仍然是固定在"顶部/底部")。

要"修复"这个问题，可以在wlCommonInit()函数的开头添加以下内容:

document.ontouchmove = function(event){
    event.preventDefault();
}

这是非常基本的，但工作。不会再滚动了。
你可以在这里找到更多的解决方案:iPhone Web App - Stop body scrolling