StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POScrollbars appears on my page when jquery dialogs open
text
Body
copied!<p>When I open a jquery dialog, <strong>scrollbars appears on my page</strong>. I don't know why because my jquery dialogs are pretty small. And when I move my dialog (by dragging with the title bar), immediatly scrollbars disappears.</p> <p>Any idea?</p> <p>Thanks.</p> <hr> <p>EDIT</p> <p>I debug a little more and I am able to reproduce the problem. On my page, I have kind of tabs (loaded with ajax). The first one need scrollbars on the page. When I click on the second 'tab', no scrollbars appears BUT on this page, when I open a dialog jQuery scrollbars come back !? If I drag a little the jQuery dialog (with the title bar) the scrollbars dissapears and don't come back if I open again the jQuery dialog. It works until I come back on the first 'tab' which need scrollbars.</p> <p>I don't know if I'm clear.</p> <hr> <p>EDIT 2</p> <p>Ok guys, I tested much and I point more clearly where the problems was. Here it is: When user click on header menu (ajax links) a temporary jquery dialog is showed to ask user to wait... until the page is loaded. This jquery dialog is modal >> a gray background is showed on the entire window height/width.</p> <p><img src="https://i.stack.imgur.com/Iuqcx.png" alt="enter image description here"></p> <p>As you can see on the capture above, the height is considerable. Navigating from page A (long page) to page B (short page). At this time, the dialog modal is closed. On the newly showed page (which is much smaller), I click on a button to show another jquery modal dialog. It seems that jquery is still thinking that my page has an height of 1198px but it is not the case!! And thus I see scrollbars appears. </p> <p>Now the big question is: <strong>what do I have to do to avoid this behaviour?</strong></p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload