The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Need Help in Figuring Out Modal with iFrame

  • # January 12, 2013 at 6:22 pm


    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.

    The HTML:

    >Article Title