Does not scroll with page

[Finetuned]

When the viewport is smaller than the modal popup, you cannot scroll it to see the additional content or close box.
FIX: change style: position from fixed to absolute

[eipark]

This raises another issue though. If you have a long page that goes longer than the fold of a site, and you click a link at the bottom, the box may show up above the fold and out of your current viewport. I believe a solution may be to initially fix the position of the box to x pixels from the top. Then, get the position of the window and change its position to absolute so you can scroll. I may try to code this and do a pull request.

[Tizianol8]

True.. You can use something like..
o.top = $(document).scrollTop() + 100;
and postion absolute..

[isaachinman]

eipark raises a good point. While changing position from fixed to absolute fixes the scrolling problem, it raises the problem of modals popping up well above the fold. Anyone have any possible solutions here?

[isaachinman]

Well, here's the workaround I eventually settled on:

Leave position: fixed, and add these lines to the js:

"max-height": 80 + "%",
"overflow": "auto",

This will ensure that the modal is always in current viewport, is never larger than current viewport, and will scroll if content exceeds current height.