ExtJS Viewport проблема

Question

Привет, я проектирую область просмотра.

Как я могу установить только вертикальную полосу прокрутки для области просмотра?

Я использую стиль: overflow-x: hidden; overflow-y: auto;, для вертикальной прокрутки в представлениипорт.

Answer 1

Вот несколько простых Ext.JS, которые предоставят вам Viewport с одним компонентом внутри (используя макет Fit), который прокручивается по вертикали (включая некоторое содержимое, которое должно быть достаточно высоким, чтобы появилась полоса прокрутки):

Ext.onReady(function(){
   new Ext.Viewport({
      layout: "fit",
      defaults: {autoScroll: true}, 
      items: [{
         html: "<p>demo</p><p>demo</p><p>demo</p><p>demo</p><p>demo</p>" +
               "<p>demo</p><p>demo</p><p>demo</p><p>demo</p><p>demo</p>" +
               "<p>demo</p><p>demo</p><p>demo</p><p>demo</p><p>demo</p>" +
               "<p>demo</p><p>demo</p><p>demo</p><p>demo</p><p>demo</p>" +
               "<p>demo</p><p>demo</p><p>demo</p><p>demo</p><p>demo</p>" +
               "<p>demo</p><p>demo</p><p>demo</p><p>demo</p><p>demo</p>" +
               "<p>demo</p><p>demo</p><p>demo</p><p>demo</p><p>demo</p>" +
               "<p>demo</p><p>demo</p><p>demo</p><p>demo</p><p>demo</p>" +
               "<p>demo</p><p>demo</p><p>demo</p><p>demo</p><p>demo</p>" +
               "<p>demo</p><p>demo</p><p>demo</p><p>demo</p><p>demo</p>"
      }]
   })
});