Scrollable ExtJS управляемый макет

Question

Я работаю над проектом с интенсивным использованием ExtJS lib и, поскольку я не очень хорош в разработке кросс-браузерного CSS, я решил использовать макеты ExtJS для надежного прототипирования разметки. Есть только одна проблема - я не могу понять, как сделать мои страницы прокручиваемыми, как на традиционных сайтах. ExtJS просто обрезает любой контент, переполняющий область просмотра браузера, «autoScroll: true» не действует.

Answer 1

На основе первого выпуска ExtJS4 и больше не действует для более новых версий

Это зависит от вашего макета ... A viewport должен содержать только один элемент, а также игнорировать параметры прокрутки. Это связано с тем, что в окне просмотра по умолчанию используется макет fit. Задайте параметр прокрутки для одного элемента в области просмотра, который будет содержать весь ваш контент, и помните, что этот элемент не может соответствовать типу макета.

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