Wednesday, January 27, 2010

Positioning using CSS and JQuery

Detect browser window size:
  • document.body.clientWidth
Detect screen size: http://www.ilovecolors.com.ar/detect-screen-size-css-style/
  • screen.width (includes scrollbars, etc)
  • screen.height
  • screen.availWidth
  • screen.availHeight

Get position of an object: http://api.jquery.com/position/
  • $(element).position().left
  • $(element).position().top

No comments:

Post a Comment