Question

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

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

怎么做？

我希望现在明白。

Answer 1

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

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

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

使窗口在边界外可拖动

1 个答案: