   )
 
   class Scroller
-    snapBoundery: 120
+    snapBoundary: 80
     snapDuration: 500
     constructor: (@element) ->
 

        name = 'snaptobounds' + (@animationIndex++)
        frames = []
        time = m.time * 0.6
        newY = if m.newY > @snapBoundery then @snapBoundery else m.newY
        frames.push { time: time * 0.5, css: 'translate3d(0,' + newY + 'px,0)' }
        frames.push { time: time, css: 'translate3d(0,' + 0 + 'px,0)' }
        framecss = @generateCSSKeyframes(frames,name,time)
        @globalStyleSheet.insertRule(framecss, 0)
        @element.style.webkitAnimation = name + " " + time + "ms linear both"
        @element.style.webkitAnimationPlayState = name ? "running" : "paused"
        console.log 'Playing snaptobounds animation', framecss if console.log
        normalEnd = (e) =>

        # Set the element transform to where it is right now.
        @animateTo(transform.m42)

    getElementHeight: (el) -> parseInt(window.getComputedStyle(el).height)

    snapToBounds: () ->
      offsetY = @getContentOffsetY()
      if @overBottomSnapLimit(offsetY)
        contentHeight = @getElementHeight(@element)
        parentHeight  = @getElementHeight(@element.parentNode)
        @cubicBezierAnimateTo(@snapDuration, (parentHeight - contentHeight) )
      else
        @cubicBezierAnimateTo(@snapDuration,0)

    # keyframes [array]
    # name [string]
