Прикрепленное дно не работает на Google Chrome на iPhone в Sencha Touch 2
У меня есть простое представление, которое выходит из Ext.form.Panel и имеет три элемента. Первый элемент - это панель инструментов с закрепленным свойством: "верх", второй - набор полей, а третий элемент - панель инструментов, но он прикреплен к основанию. Это представление выглядит нормально, но когда я открываю его на iPhone 4 или iPhone 5 (оба с iOS 6) с Google Chrome, третий элемент исчез.
Можно ли одно и то же объяснить, почему панель инструментов, пристыкованная к нижней части, не отображается только в Google Chrome на 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"
}
]
}
]
}
});
1 ответ
Ну, у меня есть похожая проблема, которая может быть такой же, как у вас. В Chrome панель навигации (или "омнибар", как они ее называют) сдвигает пространство приложения, и нижняя часть обрезается.
Вы поймете, что это та же проблема, если переход в полноэкранный режим показывает нижнюю панель. Полный экран обычно достигается в Chrome с помощью прокрутки вверх. Однако, если предмет, закрепленный наверху, не прокручивается, вы не сможете скрыть его оттуда. Попробуйте скрыть это на экране загрузки. Для получения дополнительной информации воспользуйтесь поиском в Google "полноэкранный режим ios chrome" или "панель навигации ios chrome hide". Есть также способы сделать это в вашем приложении.