可滚动的ExtJS驱动布局

Question

我正在开发大量使用ExtJS lib的项目，而且我在纯CSS crossbrowser布局开发方面并不是很好，我决定使用ExtJS布局进行强大的标记原型设计。只有一个问题 - 我无法弄清楚如何使我的页面可滚动，就像在传统网站中一样。 ExtJS只剪辑任何溢出浏览器视口的内容，“autoScroll：true”不起作用。

Answer 1

  

基于第一个ExtJS4版本，不再适用于较新版本

这取决于您的布局...... viewport应该只包含一个元素，并且还会忽略可滚动设置。那是因为视口默认使用fit布局。将可滚动设置提供给将包含所有内容的视口中的一个项目，并记住，这个项目不能适合布局类型。

{
   xtype: 'viewport',
   items: [{
      autoScoll: true // will be of xtype panel by default
      items: // you content
   }]
}