修正標題偏移HTML錨點

我想清理錨點的工作方式。我有一個固定在頁面頂部的標題，因此當您鏈接到頁面中其他位置的頁面時，頁面會跳轉，因此頁面位於頁面的頂部，並將內容留在固定頁眉的後面。修正標題偏移HTML錨點

我下面的代碼正在工作，因爲我希望它的工作。唯一的問題是我使用IE8。當我點擊一個跳轉鏈接時，它跳過它而不是正確的位置。

我可以得到任何幫助，以解決這個ie8？

<script> 
    ! function(o, n) { 
     var t = function() { 
     var n = o(":target"), 
      t = 100; 
     n.length > 0 && o("html, body").stop().animate({ 
      scrollTop: n.offset().top - t 
     }, 80) 
     }; 
     o(n).on("hashchange load", function() { 
     t() 
     }) 
    }(jQuery, window); 
</script>

來源

2016-02-10 Vikas hatwal

'我唯一遇到的問題是IE8。我可以通過ie8獲得任何幫助嗎？' - 當然......你所要做的只是描述「問題」，否則任何人都無法提供幫助？ –

我已經更新了這個問題。請現在看看。謝謝 –

我

用於與CSS解決這個問題：

#anchor { 
    position: relative; 
} 
#anchor:after { 
    content: ""; 
    position: absolute; 
    height: 80px; 
    width: 1px; 
    top: -80px; 
    left: 0; 
}

80px是頂部的偏移。

來源

2016-02-10 12:07:36 seahorsepip

修正標題偏移HTML錨點

回答

相關問題