在基礎部分內使用錨標簽進行深層鏈接

Question

我們正在使用具有深層鏈接的基礎部分。 我們必須能夠鏈接到網站其他部分的每個選項卡。

每個選項卡的內容也很長，並且具有一個側面導航欄，其中包含指向每個選項卡中項目的錨點鏈接，但是錨點鏈接在啟用深層鏈接時不起作用。

site.com/section#Tab <-用於進入標簽頁

site.com/section#Tab#Anchor和site.com/section#Anchor <-不起作用

是否可以解決此問題，還是應該編寫滾動條以完全不使用錨點？

Answer 1

使用側面導航欄中的rels和內容中的錨點來破解它，然后返回false以確保＃不會顯示在url中。

JS：

$('.side-nav span').on('click',function(){
    var hash = $(this).attr('rel');
    var anchor = $('#'+hash);

    $('html, body').animate({
        scrollTop: $(anchor).offset().top -30
    }, 1000);

    return false;

});