滚动收缩，内容更改滚动

Question

如何在导航栏缩小并且图像转换为滚动的文字时实现滚动效果，如下所示：http://www.sarahlichang.com/？

$(window).scroll(function() {
    if ($(document).scrollTop() > 150) {
        $('.navbar').addClass('shrink');
    }
    else {
        $('.navbar').removeClass('shrink');
    }
});