Shahid Karimi
Shahid Karimi

Reputation: 4357

How to find the center of the browser window using JQuery

How can I find out the coordinates of the center of the browser using jquery?

Upvotes: 6

Views: 13615

Answers (2)

David Thomas
David Thomas

Reputation: 253506

Why use jQuery? This can be done with simple enough plain JavaScript:

var horizontalCenter = Math.floor(window.innerWidth/2);
var verticalCener = Math.floor(window.innerHeight/2);

To use these, you may also have to append the units, px to the variables.


Edited to use Math.floor() to force an integer value to the returned co-ordinates

Upvotes: 19

Jesse Bunch
Jesse Bunch

Reputation: 6679

Untested, but this makes sense:

var intWidth = $(window).innerWidth();
var intHeight = $(window).innerHeight();

var xCenter = intWidth / 2;
var yCenter = intHeight / 2;

alert("The center of the window is: " + xCenter + "x " + yCenter + "y");

Upvotes: 1

Related Questions