Fix

fix.coffee

# Fix
# 	фиксирует элементы, когда они на верхней части экрана
# 	IE9+, iOS* (фиксируется только после отпуска пальца)
# --------------------------------------------------------
# cache
# 	fixElems — фиксируемые элементы
# 	fixYPos — изначальные y-координаты fixElems
# fix — добавляет/удаляет класс "fixed"
# --------------------------------------------------------

Fix =  do ->
	init: ->
		do @cache
		do @bindEvents
		do @fix
	cache: ->
		@fixElems = document.getElementsByClassName("fix")
		@fixYPos = []
		for i in @fixElems then @fixYPos.push(i.offsetTop)
	bindEvents: ->
		addEventListener "scroll", => do @fix
	fix: ->
		for i in [[email protected]]
			if window.pageYOffset >= @fixYPos[i]
				@fixElems[i].classList.add("fixed")
			else
				@fixElems[i].classList.remove("fixed")

fix.html

<div class="fix">
	<p>Some text for top menu</p>
</div>

fix.styl

// FIX
// ==================================
.fix
	background blue
	border 2px solid lighten(blue, 20%)
	width 10%
	padding 30px
	text-align center
	position absolute
	left 50%
	margin-top 20px
	transform translateX(-50%)

.fixed
	position fixed
	top 0
	margin-top 0