Comments on: Shadowbox – preventing the window underneath from scrolling

By: Andrey

Andrey — Wed, 08 Feb 2012 12:31:03 +0000

Thanks a lot, nice solution!
For me it works in IE7/IE8 too.
IE7 has it’s own issue (it shows the scrollbars in the shadowbox but I believe it’s another issue)

By: Jesper

Jesper — Wed, 27 Apr 2011 16:29:33 +0000

Hi Ian!

Adding position:relative did help a lot! Thank you very much!

It now works almost perfect in IE 7 (and 8 in comp. mode), and the page beneath won’t scroll when a shadowbox window is open. There’s only seems to be one minor issue left: The scrollbar remains “greyed out” when the shadowbox window is closed, BUT the page is still scrollable using the scrollwheel. Well, at least I think it’s a minor issue since only around 5% of our visitors are using IE7…

If I should find a better solution, I sure will post it here!

Thanks again!

By: Ian

Ian — Wed, 27 Apr 2011 08:11:49 +0000

Hi Jesper, hmm that’s interesting, and definitely needs a bit more looking into. If you find out anything else, ideally a fix, please post it here and I’ll update the article.

Hopefully I’ll have a chance to look at it myself some time.

Actually, how about adding position:relative to the body? This tends to fix issues with overflow on IE6 and 7, but I’m not sure if applying it to the body has any effect?

By: Jesper

Jesper — Tue, 26 Apr 2011 20:56:27 +0000

OK, by disabling ‘compatibility mode’ in IE 8 the script will run just fine. It seems the problem lies in how IE 7 and below does (not) interpret the “overflow” property. Oh dear!

By: Jesper

Jesper — Tue, 26 Apr 2011 12:45:22 +0000

Thanks a lot! This is a great ‘hack’.

Unfortunately I cannot get it to work in IE 7 and 8 (bummer…). The underlying window is still scrollable, and when the shadowbox window is closed it seems like the script has messed up scrolling on that particular page.

My skills in javascripting are not good, hence my question: Does anybody know of a ‘fix’ for this IE-specific problem?

Otherwise the script works great in Firefox, Safari, Chrome etc.

Thanks in advance!

By: ian

ian — Thu, 17 Jun 2010 12:54:30 +0000

Hi Michael. I went with Shadowbox because most of the other lightboxes are for images only. Shadowbox allows you to put almost anything within a lightbox.

For example, in the code above, I’ve specified that the content will be HTML or an iFrame.

By: Michael SteelWolf

Michael SteelWolf — Thu, 17 Jun 2010 12:38:47 +0000

Nice solution. I’m curious, with so many “lightbox” type applications out there, what made you decide to go with Shadowbox?