分配頂部值scrollTop

Question

我有一個項目，當用戶訪問該網站時，徽標將加載到頁面的中心。然後，如果用戶向下滾動，徽標將滾動到頂部並隨後顯示內容，但徽標將在頂部到達窗口頂部時固定在頂部。所以，我想要做的是，停止內容到達頂端（因爲該內容落後於標誌），例如， #Furniture是div，當點擊一個帶有href「#Furniture」的錨標籤時，它會到達頂部。我想從瀏覽器頂部停止包含150px（標誌高度）的#Furniture的div。那可能嗎？

下面是我用於任何股利的平滑滾動到頂部的代碼：

$(window).load(function() { 
    var $root = $('html, body'); 
    $('a').click(function() { 
     var href = $.attr(this, 'href'); 
     $root.animate({ 
      scrollTop: $(href).offset().top 
     }, 500, function() { 
      window.location.hash = href; 
     }); 
     return false; 
    }); 
}); 

Fiddle

Answer 1

使用這樣的：

var top_val = $(href).offset().top; // or anything your code for getting top value 
$root.animate({ 
     top: "+top_val+" 
    }, 500, function() { 
     window.location.hash = href; 
});