Skip to content

Instantly share code, notes, and snippets.

@andysolomon

andysolomon/sticky-scroll.css

Forked from blackfalcon/sticky-scroll.css
Created October 27, 2013 20:51
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save andysolomon/7187727 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save andysolomon/7187727 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
sticky-scroll.css
.fixed {
position: fixed;
top: 0;
}
Raw
sticky-scroll.html
<div data-behavior="stick-to-top">
content ....
</div>
Raw
sticky-scroll.js.coffee
$ ->
el = $('[data-behavior~=stick-to-top]')
return if el.length == 0
top = false
$(window).scroll ->
top ||= el.offset().top - parseInt(el.css('marginTop'))
windowTop = $(window).scrollTop()
el.toggleClass('fixed', windowTop >= top)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment