Pin elements with position absolute about superscrollorama HOT 3 CLOSED

var controller = $.superscrollorama({
    triggerAtCenter: true,
    playoutAnimations: false,
    reverse: false
});

var pos

// prevent the user from scrolling anywhere
function onScroll() { 
      if( $(document).scrollTop() > pos )
          $(document).scrollTop( pos )
      })
}

var timeline = new TimelineMax()

timeline.append( TweenMax.to( $('#hi', 3, { y: 1000, onComplete: function() {
    // Release the window and continue on
    $(document).off( 'scroll', onScroll )
}}))

controller.pin($('#hi'), 3000, {
    anim: timeline,

   onPin: function() {
        // Store the current window position
        var pos = $(document).scrollTop()

       // Start listening to scroll events
       $(document).on('scroll', onScroll )

        // remove the pin so that it will pick up changes
        controller.removePin( '#plushupper-tagline' )

       // Start listening to mousewheel events
       $(window).bind('mousewheel', function(event) {
         // scrolling up
             if (event.originalEvent.wheelDelta >= 0) {
                 timeline.time( timeline.time() -= .1 )
             }

             // scrolling down
             else {
                  timeline.time( timeline.time() += .1 )
             }
      });
    }
});