Javascript TabPanel焦点问题

我已经提供了一个链接，指向我遇到问题的示例的sencha fiddle。基本上，当我将tabPanels作为窗口底部的元素时，如果我向下滚动到它们并尝试单击其中的任何选项卡，整个滚动就会跳到窗口的顶部。这样一来，使用tabPanel几乎是不可能的。我不确定是布局问题还是我做错了什么

这是sencha小提琴链接

---

要使示例代码按预期工作，我认为为选项卡面板设置一个固定的高度就足够了。 在你的小提琴手上使用这个解决方案，它是有效的。我希望这是你真正的项目所需要的

... 
// panel holding the tabpanel
xtype: 'panel',
items: [{
     // tabpanel
     xtype: 'tabpanel',
     //plain: true,
     height: 300,
     items: [{
          title: 'P1',
          xtype: 'panel',
          height: 200

     }, {
          title: 'P2',
          xtype: 'panel',
          height: 200
      }, {
         title: 'P3',
         xtype: 'panel',
         height: 200
      }]
   }]
...

---

感谢Mattex83，这是一个解决方案，不过是一个临时解决方案。tabpanel中的这些选项卡将显示动态数据。因此，选项卡的高度不是固定高度。谢谢你的努力。好的，我理解。也许，如果你能，考虑修改你的布局使用手风琴。我认为它会提供更好的用户体验