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 :(得分:0)
我解决了这个问题。我们可以从浏览器中删除滚动条。
document.documentElement.style.overflow = 'hidden'; // firefox, chrome
document.body.scroll = "no"; // ie only
在Firefox中,它的工作正常。 但是在IE-7中给出了问题。查看this