停靠的底部在Sencha Touch 2的iPhone上的谷歌Chrome瀏覽器無法正常工作

Question

我有一個簡單的視圖，它從Ext.form.Panel擴展到三個項目。 第一項是屬性停靠的工具欄：'top'，第二項是fieldset，第三項是工具欄，但停靠在底部。 這個視圖看起來不錯，但是當我用Google Chrome在iPhone 4或iPhone 5上（包括iOS 6）打開它時，第三項就消失了。

sameone可以解釋爲什麼停靠在底部的工具欄只顯示在iPhone上的谷歌瀏覽器中？

Ext.define("TestApp.view.Test", { 
    extend: "Ext.form.Panel", 
    requires: "Ext.form.FieldSet", 
    alias: "widget.testview", 
    config: { 
     scrollable: 'vertical', 
     items: [ 
      { 
       xtype: "toolbar", 
       docked: "top", 
       title: "Title", 
       items: [ 
        { 
         xtype: "button", 
         ui: "back", 
         text: "back", 
         itemId: "backBtn" 
        } 
       ] 
      }, 
      { xtype: "fieldset", 
       items: [ 
        { 
         xtype: 'textfield', 
         name: 'title', 
         label: 'Title' 
        }, 
        { 
         xtype: 'textareafield', 
         name: 'description', 
         label: 'Description' 
        } 
       ] 
      }, 
      { 
       xtype: "toolbar", 
       docked: "bottom", 
       items: [ 
        { 
         xtype: "button", 
         iconCls: "trash", 
         iconMask: true, 
         itemId: "deleteBtn" 
        } 
       ] 
      } 
     ] 
    } 
}); 

Answer 1

那麼我有一個類似的問題，可能與你的相同。在Chrome瀏覽器上，導航欄（或稱爲「omnibar」）會推下應用程序空間，底部會被切斷。

你會知道這是同樣的問題，如果去全屏模式取消隱藏你的底部欄。通常通過向上滾動來實現全屏顯示。但是，如果停放在頂部的物品不可滾動，則無法將其隱藏。嘗試將其隱藏在加載屏幕上。有關更多信息，Google搜索'ios chrome全屏'或'ios chrome hide導航欄'。在你的應用程序中也有辦法做到這一點。