滾動以固定不同的偏移量

Question

我在我的網站頂部有一個浮動導航欄，我使用以下代碼滾動到各種div定位點。

<script type="text/javascript"> 
$(document).ready(function() { 
$('a[href^="#"]').on('click', function (e) { 
    e.preventDefault(); 

    var target = this.hash, 
     $target = $(target); 

    $('html, body').stop().animate({ 
     'scrollTop': $target.offset().top - 100 // floatnav height 
    }, 900, 'swing', function() { 
     window.location.hash = '1' + target; 
    }); 
}); 
}); 
</script> 

我希望能夠使不同的偏移取決於錨點。其中一些是全頁面圖像，不需要偏移，因爲在導航欄後沒有任何東西真的丟失，而有些則以文本開始，因此導航欄需要位於其上方，以便它不會隱藏內容。

Answer 1

你可以存儲偏移每個部分在目的錨點的屬性，如：

<a name="example" data-offset="100">Example</a>

然後，您可以從點擊處理程序中訪問此屬性如下：

var offset = $(target).attr('data-offset')

然後，您只需從元素的偏移量中減去額外的偏移量即可。