滾動到固定導航隱藏內容

Question

快速問題。我已經實現了滾動到方法滾動到我的div與導航中的特定ID。由於我的導航欄固定滾動到很遠..我如何抵消，以便它滾動到正確的位置..上載一些圖像和js代碼..

希望你能幫助...

這是香港專業教育學院得到了...

，這就是我想要的東西....

js文件..

$('a[href^="#"]').on('click',function (e) { 
    e.preventDefault(); 
    var target = this.hash, 
    $target = $(target); 
    $('html, body').stop().animate({ 
     'scrollTop': $target.offset().top 
    }, 900, 'swing', function() { 
     window.location.hash = target; 
    }); 
    }); 

Answer 1

我有同樣的問題一次，所以我用這個功能：

var scrolldown = function(item, tuner) { 
      $('html, body').animate({ 
       scrollTop: $(item).offset().top - tuner 
      }, 2000, 'easeOutCirc'); 
    } 

如果項目是id滾動到，和調諧器是在像素值調整滾動的結束位置。

你可以用它喜歡：

$('#id-of-nav').click(function(e) { 
    e.preventDefault(); 
    scrolldown("#id-of-target", "150") 
}); 

這是網站，你可以看到它在行動：https://www.tabapp.com/

Ofcourse，你可以刪除動畫。