使窗口在边界外可拖动

时间:2012-08-31 05:06:56

标签: extjs window extjs4 draggable

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

只是我想修复我的视口,无论窗口是否被拖到边界之外。

怎么做?

我希望现在明白。

1 个答案:

答案 0 :(得分:0)

我解决了这个问题。我们可以从浏览器中删除滚动条。

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

在Firefox中,它的工作正常。 但是在IE-7中给出了问题。查看this