

Sets elements which will be ignored in blur option, even if they are outside.Įnables you to define custom element which will close the popup on click. Sets highest z-index of all elements of the page to the popup.Ĭloses the popup if a user clicks anywhere outside the popup. It will scroll with the rest of the content. Sets absolute instead of fixed position to the popup. See the Pen jquery-popup-overlay example by Vladimirs ( on CodePen.
#Jquery popup window on click install
It can also be used as a NPM package: npm install jquery-popup-overlayĪnd included as a CommonJS module: var popup = require("jquery-popup-overlay") Set default `pagecontainer` for all popups (optional, but recommended for screen readers and iOS *)

Supports multiple popup instances, custom CSS3 animations and transitions. Optimized and tested in all modern browsers including IE7+, and in new versions of popular screen readers including JAWS, NVDA, and VoiceOver. Works well on desktops, tablets, most modern phones and other devices. Text resizing or zooming will not break the layout, visibility, or position of the popup. WAI-ARIA roles are added automatically if missing. Will be automatically enabled to prevent the off-screen content from being unreachable. If the height of the overlay exceeds the visible area, vertical scrolling

You can set a flexible minimum and maximum width and height to the overlay, as well as media queries. Overlays are fully customizable with CSS and will adapt to any screen size and orientation. Therefore remain centered even if their height change. Overlays are horizontally and vertically centered with CSS, without any JavaScript offset calculations, Basic Generated Close Button Fade Scroll-lock Fade & scale Slide-in Stand-alone Active Bg Active Bg Absolute Tooltip Callback events Other Features
