javascript - 在基础部分中使用具有深度链接的锚标记

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;

});