Question

I’m working on project with heavy usage of ExtJS lib and so far as i’m not really good in pure CSS crossbrowser layout developing, i decide to use ExtJS layouts for robust markup prototyping. There is only one problem — i can’t figure out how to make my pages scrollable, like in traditional sites. ExtJS just clips any content overflowing browser viewport, “autoScroll: true” makes no effect.

Answer 1

Based on the first ExtJS4 release and is no longer valid for newer versions

It depends on your layout… A viewport should only contain one element and will also ignore scrollable settings. That’s because the viewport use the fit layout by default. Give the scrollable setting to one item of the viewport that will contain all your content and remember, this one cannot be of the layout type fit.

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