I’m attempting to create a modal dialogue for a site I maintain. The goal is, when the user clicks a link to read an article or posted review, a modal dialogue appears to display the text and related images, with links at the bottom to access other related pages (i.e., bibliography, etc.).
Now, I’m quite new at trying to figure out this modal window business, so be kind. ;) But I’m primarily concerned whether I’m executing this properly.
Additionally, I’ve disabled scrolling when the modal appears to prevent the user from going further down the main page, but when the modal is ‘closed,’ the page is at the top. My concern is if the list of links grows longer and one at the bottom is clicked, the user’s place is lost – and I don’t want that.
After playing around with the code (and working through some frustration), I managed to figure this one out on my own by changing the position attribute for the _#overlay div_ rule from _absolute_ to _fixed_, and then by removing the _href=”#”_ statement from the opening ‘a,’ making it