0

ExtJS 4

ExtJS Web ページのデスクトップ レイアウト構造があります。ページはスクロールできません。別の Ext.Windows を開くアイコンをクリックする必要があります。

ウィンドウをブラウザの境界の外にドラッグすると問題が発生します。ウィンドウは完全にドラッグされますが、ブラウザのスクロールバーが表示されてページがスクロールされるため、ウィンドウ全体を表示できます。いずれにせよ、Webページをスクロールしたくありません。

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

ウィンドウが境界の外にドラッグされているかどうかに関係なく、ビューポートを修正したいだけです。

どうやってするか？

私は今それが明確であることを願っています。

4

1 に答える 1

0

私はこれを解決しました。ブラウザーからスクロール バーを削除するだけです。

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

Firefox では、問題なく動作しています。しかし、IE-7 で問題が発生します。これをチェック

于 2012-08-31T07:48:54.107 に答える