parallax.coffee
853 Bytes
#
# OK, this is not really a parallax... I just want to see my content move
# somewhat faster than the background... hey, ho, let's go
#
window.App ||= {}
content_top = content_left = width_delta = height_delta = 0
App.init = ->
content_left = parseFloat($('#content').css("left"))
content_top = parseFloat($('#content').css("top"))
width_delta = ($(document).width()-$(window).width())/2
height_delta = ($(document).height()-$(window).height())/2
###
window.scrollTo(width_delta, height_delta)
###
App.scroll = ->
v_scroll = $(document).scrollTop()
h_scroll = $(document).scrollLeft()
###
$("#content").css("left", content_left-((h_scroll-width_delta)/8))
$("#content").css("top", content_top-((v_scroll-height_delta)/8))
###
$(document).on "page:change", ->
App.init()
$(window).on "scroll", ->
App.scroll()
# vim: set ts=2 sw=2: