I was searching for a modal window, lightbox, or popup that does not use jquery. However, I find that the popup occurs in a specific spot on the page (so many pixels off from the upper left corner), and that means that if I put the link at the bottom of the page, the popup will appear off the screen and look like nothing happened.
Is there a popup (CSS or JS) that will automatically make the popup appear in the same viewport window as the link? I just wonder if there’s a technical limitation for the popup placement and I’m out of luck.
Could you give an example of a popup not positioning how you want it to? Many popups are done in position:fixed; which bases its’ position off the viewport. Should be no issue with this knowledge.
I meant more of a demo of yours that you couldn’t get working .Along with details about ideally wehre you would want the popup showing (relative to your page.)
Those demos have been removed. They all worked, like the link above, but popped up in the wrong place. I want the popup to appear in the same viewport as the link, not above or below, no matter whether on the desktop or mobile device. I may end up using Highslide.
.Along with details about ideally wehre you would want the popup showing (relative to your page.)