Take the 2-minute tour ×  I've created a website that displays
the logo in the direct centre of the page. At the moment, the
div's position is fixed. The logo also include an image map.
What I'd like is for it to be absolute and when the user scrolls
down, the logo will reach about 20px from the top and will
become fixed. Very similar to Waypoints.  So although I can
organise Waypoints, I can't get the site to load with the logo
in the direct centre of the page (regardless the screen size).
Any help would be greatly appreciated!\   <div class="logo">
<img src="images/logo.png" />  My Css:  .logo {    width: 351px;
height: 185px;    position: fixed;    left: 50%;    top: 50%;
margin-left: -175px;    margin-top: -92px;    z-index: 900;
share|improve this question Seeing the code you've tried would
be greatly appreciated! –  j08691 Jul 27 '12 at 2:47  1 Answer 1
You need to grab the dimensions of the window height. Add this
to your JS and then you can use it in the format of
$('.logo').centerScreen.  $(d