触发事件时获取offsetTop并且不再刷新它

Question

我想在某个事件完成后将其作为元素的最高值附加来检索当前滚动位置。

我的问题是，每次用户再次滚动时，offsetTop值都会更新。如何在某个点保存滚动位置并将其存储而不进行更新？

var headerOffsetTop = parseFloat( $( 'header' ).css( 'top' ) );
    headerHeight    = $( 'header' ).height();


if ( headerOffsetTop == -headerHeight ) {

    var offsetTop = $( document ).scrollTop(); // This value should not update anymore on scroll

    $( 'element' ).css( 'top', offsetTop );
    $( 'element' ).removeClass( 'is-fixed' );

} else {

    $( 'element' ).css( 'top', 0 );
    $( 'element' ).addClass( 'is-fixed' );

}

看我的小提琴：http://jsfiddle.net/ufa2snr7/2