スクロール - jqueryの - 特定の位置

Question

私はこのコードをしようとしています：

function goToByScroll(id){ 

     id = id.replace("link", ""); 

     $('html,body').animate({ 
      scrollTop: $("#"+id).offset().top}, 
      'slow'); 
    } 

    $("#sidebar > ul > li > a").click(function(e) { 

     e.preventDefault(); 

     goToByScroll($(this).attr("id"));   
    }); 

問題は、私は、リストの特定の要素をクリックしたときに、スクロールは、ウィンドウの上部に上がるということです。しかし、私の場合、私は上部に固定されたdivがあるので、コンテンツはこのdivによって隠されています。まあ、私はdivの前にスクロールを止めたい。

demo

Answer 1

あなたはトップバーにID（例えばID = "ヘッダ"）を与え、次いでscrollTopスプライト属性からそれを減算する必要があります

$('html,body').animate({ 
    scrollTop: ($("#"+id).offset().top-$('#header').outerHeight(true))+'px'}, 
    'slow'); 

Here is a working example。

Answer 2

function goToByScroll(id){ 

     id = id.replace("link", ""); 

     $('html,body').animate({ 
      scrollTop: ($("#"+id).offset().top - $("#YOUR_FIXED_DIV").height()) }, 
      'slow'); 
    } 

    $("#sidebar > ul > li > a").click(function(e) { 

     e.preventDefault(); 

     goToByScroll($(this).attr("id"));   
    });