在基础部分内使用锚标签进行深层链接

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;

});