Sencha touch 2 在Sencha Touch 2中使用HTML在面板上进行收缩缩放

我试图放大一个包含HTML的面板

Ext.define（'Sencha.view.Detail\u content'{
扩展：“Ext.Panel”，
xtype:'detailcontenttpl'，
配置：{
布局：{type:“fit”}，
可滚动：对，
styleHtmlContent:对，
id:“详细内容包装”，
第三方物流：[
“
{date}
”，
“{message}”
],
听众：{
pinchstart：{
元素：“innerElement”，
fn：功能（e，t）{
this.startScale=e.scale；
}
},
挤压：{
元素：“innerElement”，
fn：功能（e，t）{
e、 预防默认值（）；
this.scale=e.scale*this.startScale；
var p=t.parentNode；
Ext.fly（p）.setStyle（'-webkit transform'，'scale（'+this.scale+'））；
}
}
}
}
});

它可以工作，但不能按预期工作。它会破坏滚动条，而且它不会一直工作

我在想

Ext.fly（p）.setStyle（'-webkit-transform）、'scale（'+this.scale+'）

应该设置在其他内容上，但我已经尝试了每个父元素，仍然失败

我知道有一些示例可用，但大多数示例处理的是图像，而不是HTML面板

我做错了什么