Long time no see!
I got this problem at work and I really can’t find a solution for it.
They wanted to have a pop-up (sort of) that shows an ad for a new book release when a person enters their page. So there’s a javascript that makes a div visible and placed on top of all other content when the page loads.
Then someone made a suggestion to fade the rest of the site towards black when the window pops up. I managed to do that after a little while (been a while since I did any css and html), but it works. Almost!
The thing is I want the div that works as a fader to expand so it covers the entire viewport. But the problem is that 100% height in a div means 100% of the browser window. When I scroll down you see this (look at the image).
Now I don’t have the files here, but I googled it for some time yesterday and a lot of people have asked this but nothing seems to work. I managed to make it work in IE, but it still doesn’t work in FF, Opera or Safari.
[COLOR=“Red”]EDIT:[/COLOR] I just realized there is an onScroll function in javascript. I could use that so it closes, I noticed that’s what happens here on kirupa then you show an attached image. But it would still be nice if there’s another solution, since there’s no way to show the pop-up again after you close it.