2011-04-15 81 views
0

嗨 我正在設計一個視口。ExtJS Viewport問題

如何僅爲視口設置垂直滾動條?

我正在使用風格:overflow-x: hidden; overflow-y: auto;,查看端口中的垂直滾動。

+1

分享您的代碼,以便我們可以幫助您... – 2011-04-15 14:30:35

回答

2

這裏是一個垂直滾動的一些簡單Ext.JS,會給你一個視口,內帶單個組件(使用適合佈局)(包括一些內容,應該是足夠高,使滾動條出現的)

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