jquery - Full screen opaque pop up -

I have this puzzle. I am trying to open a popup which is full screen, responsive and on page load. I have set it to popup with a button The problem is that this page is not open on load and it is not full screen.

This is my jquery

  $ (window) .load (function () {jQuery (document) .ready (function ($) ($ ['[Data-popup-target]'). (Function () {$ ('html'). AddClass ('overlay'); var activepop = $ (this) .attr ('data-popup- Target '); $ (activepop). Adclose (' visible ');}); $ (document) .keyup (function (e) {if (e.keyCode == 27 & amp; $ (' html '). ('Overlay')) {clear pop ();}}); $ ('. Popup-exit') Click (function () {clear; pop ();} ($ 'popup-overlay'). $ ( 'Popup-overlay') (function () {clearPopup ();}); Function sp RemoveClass' 'visible'); $ ('html'). Delete class ('overlay'); setimimate (function () {$ ('. Popup'). RemoveClass ('Infection');}, 200);}});});  

This update creates a fullscreen popup.

Set the limit of 0 on the popup-body for just stabilizing the positioning and for all four corners

  Status: Fixed; Top: 0; Correct: 0; Left: 0; Bottom: 0;