Javascript center div on the page include scrolling

Question

In javascript I need to show div content on the center of the browser window; Content of the window is high therefore it has a scroll.

How can I set up div element on the center of the screen independently of the scroll ?

Thanks!

Answer 1

You can use this CSS (You don't need javascript for that):

#divID{
  width:500px;   /* adjust */
  height:500px;  /* adjust */
  top:50%;
  left:50%;
  margin-left: -250px;  /* half of the width */
  margin-top: -250px;  /* half of the height */
  position:fixed;
}

You can check out the demo here including scrolling

You can make the div pretty with additional CSS.

Check out demo