JQuery code to display elements in the center of the screen_jquery

Copy code The code is as follows:

(function($){
$.fn.center = function(){
var top = ($(window).height() - this.height())/2;
var left = ($(window).width() - this.width() )/2;
var scrollTop = $(document).scrollTop();
var scrollLeft = $(document).scrollLeft();
return this.css( { position : 'absolute', ' top' : top scrollTop, left : left scrollLeft } ).show();
}
})(jQuery)

Calling method:

Copy code The code is as follows:

$('#dialog').center();