錨點href無法正常顯示

我試圖從當前頁面/contact.html導航到另一個頁面部分，錨點標記爲。我在這裏遇到的問題是結果視圖不對應於容器的開始。在線搜索時，我懷疑這是因爲網站組件是動態加載的，並且圖像滑塊沒有固定的高度。錨點href無法正常顯示

儘管如此，我還沒有找到任何解決方案。希望有人能夠幫助我解決這個問題。

注意：如果標記在index.html頁面中使用，那麼它的工作原理完全相同。

有關代碼參考和更好的插圖，請參考以下鏈接。這正是我面臨的問題。

<a href="http://themehats.com/themes/jango/onepage-4.html#features">Click here</a> 
 
<a href="http://themehats.com/themes/jango/onepage-4.html#clients">Click here</a> 
 
<a href="http://themehats.com/themes/jango/onepage-4.html#pricing">Click here</a>

來源

2015-09-07 eulercode

請添加代碼，以便我們可以幫助你更好。 – Tro

你使用固定位置嗎？在圖片上加載Lazyload？ – romuleald

@Tro我已更新鏈接以供參考。那是我目前使用的模板。 – eulercode

正如你在評論說，你有你的頭一個固定的位置，所以你需要在你的JS頭的高度來計算。

如果您有jQuery的：

$('a').on('click' function(){ 
    var $link = $(location.href); 
    var position = $link.offset().top - $('#header').height() 
    $(window.animate({scrollTop: position},{duration: 500}) 
});

對於onload事件網址中包含一個錨：

$(window).load(function() { 
    var $link = $(location.href); 
    if($link.length { 
     var position = $$link.offset().top - $('#header').height() 
     $(window.animate({scrollTop: position},{duration: 500}) 
    } 
});

來源

2015-09-07 16:28:42 romuleald

感謝您的建議。但是，我正在將錨標記從另一個頁面導航到此頁的部分，而不是在此頁面內導航錨標記。所以我想$（'a'）。on（'click'）不起作用？ – eulercode

我做了一個onload案例的編輯 – romuleald

錨點href無法正常顯示

回答

相關問題