關於頁面錨點滾動和偏移標題

Question

如何在頁面導航中使用輔助錨點時偏移頂部導航的高度？

我用過：帶填充的目標。它可以工作，但是當你滾動時，你會看到元素之間的額外填充。

我試過js，但我認爲window.scrollBy發生在錨點滾動之前/期間。如果我連續點擊多次，它最終會得到期望的結果...

如何在錨動作後延遲scrollBy發生？ http://codepen.io/jeffreyb42/pen/xqRRMY

$(function(){ 
    $('.side-nav').on('click', function(){ 
    window.scrollBy(0, -70); 
    console.log("should have scrolled...") 
    }); 
}); 

Answer 1

改變你的jQuery代碼是這樣的：

$(function(){ 
$('.side-nav li a').on('click', function(e){ 
e.preventDefault();  
var scrollTo=$($(this).attr('href'));  
    $('html,body').animate({ 
    scrollTop: scrollTo.offset().top - $('.header').height()}, 
    'slow'); 
    }); 

}）;

Demo