I’m using some code I got online awhile back that on clicking a link opens a blanket div that blacks out the page below and opens a small popup window in which I have a YouTube video.
It works fine but it places the popup in the center of the page vertically, which means that you have to scroll down to see the popup. How can I have the popup open close to the top all the time rather than halfway?
I’ve tried to put it together in a jsFiddle here: http://jsfiddle.net/xdH7k/3/
Could someone point me in the right direction as to how to adjust the postion of the popup? I’m not sure if its the CSS thats doing it or Javascript.
http://jsfiddle.net/xdH7k/6/embedded/result/
You need to change the declaration
popUpDiv.style.top. I’ve set it to 10px in the demo here, rather than the<div>height