ExtJS视口问题

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>"
      }]
   })
});