jquery - フローティング内部リンク コンテナの作成方法

Question

同じページ内の特定のアンカー タグまたはヘッダー タグにジャンプする内部ジャンパー リンクを含むページを作成しようとしています。

スクロールされているときにジャンパーリンクを上に固定し、フッターに到達するとフッターと一緒にスクロールしたい..

クイックリンクのいずれかをクリックすると、ページを更新せずに特定のリンクにスクロールしたい..

また、スクロールされている現在のアンカーリンクを強調表示したい..

私はこれをやろうとしましたが、ここに私が思いついたものがあります..

function goToByScroll(hash) {
$(document.body).animate({
    'scrollTop':   $(hash).offset().top
}, 500);
   }

 var $links = $('#links');
 var $content = $('#content');
 height = $(window).height();

 $(window).scroll(function(){

if ($(window).scrollTop() >= height ){

    $links.css({ position:'fixed', top:'70px'});
    $content.css({ marginLeft: '80px'});

} else {

    $links.css({ position:'relative'});
    $content.css({ marginLeft: '9px'});

}

});

// http://jsfiddle.net/MfS3J/13/

基本的にはこのGalaxy s4のレビューのようなものを作りたい - the verge