2012-08-31 41 views
0

ExtJS 4使窗口可以在邊界外拖動

我的ExtJS網頁有一個桌面佈局結構。該頁面不可滾動。我們有點擊圖標可以打開不同的Ext.Windows。

當我將窗口拖到瀏覽器邊界之外時出現問題。該窗口被完美拖動,但隨後瀏覽器滾動條滾動頁面,以便我可以查看整個窗口。我不想在任何情況下滾動網頁。

This is happening 
~~~~~~~~~~~~~~~~~~~~~~~~ 
|~~~~~~~~~~~~~~~~  | 
||    |<-----+--- desktop 
||   -window- | 
||   | | | | 
||   --+----- | 
||    | <---|--- unwanted white space 
|| <--taskbar-> |  | 
|~~~~~~~~~~~~~~~~  | 
| <--scroll bar--> |<---- webpage 
~~~~~~~~~~~~~~~~~~~~~~~~ 


This is needed 
~~~~~~~~~~~~~~~~~~ 
|~~~~~~~~~~~~~~~~| 
||   <--++--- desktop 
||   -window- 
||   | A|| B | 
||   --++---- 
||    || 
|| <-taskbar-> ||<--- webpage 
|~~~~~~~~~~~~~~~~| 
~~~~~~~~~~~~~~~~~~ 
A = window part to be shown 
B = window part to be cropped 

它只是我想解決我的視不管被拖動邊界外的窗口。

如何做到這一點?

我希望現在清楚。

回答

0

我解決了這個問題。我們可以從瀏覽器中刪除滾動條。

document.documentElement.style.overflow = 'hidden'; // firefox, chrome 
document.body.scroll = "no"; // ie only 

在firefox中,它的工作正常。 但在IE-7中出現問題。檢查this