Skip to content

Instantly share code, notes, and snippets.

@matherton

matherton/coffee script - relativefixed positioning

Created April 10, 2012 14:56
Show Gist options
  • Save matherton/2351968 to your computer and use it in GitHub Desktop.
Save matherton/2351968 to your computer and use it in GitHub Desktop.
Download ZIP
coffee scrip - relative and fixed positioning dependant on if div is viewable on screen
Raw
coffee script - relativefixed positioning
# code for the advert preview and the "why go premium list" on the create new ad form so that it only adopts fixed positioning when all of it is in view.
$ ->
e = $("div#advert_preview")
jWindow = $(window)
offsetTop = e.offset().top
positionTop = e.position().top
jWindow.scroll ->
if jWindow.scrollTop() > offsetTop
e.css
position: "fixed"
top: 0
else
e.css
position: "relative"
top: positionTop
Raw
gistfile1.txt
# code for the advert preview and the "why go premium list" on the create new ad form so that it only adopts fixed positioning when all of it is in view.
$ ->
e = $("div#advert_preview")
jWindow = $(window)
offsetTop = e.offset().top
positionTop = e.position().top
jWindow.scroll ->
if jWindow.scrollTop() > offsetTop
e.css
position: "fixed"
top: 0
else
e.css
position: "relative"
top: positionTop
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment