滾動到格 - 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"));   
    });