使用深度链接在Foundation Section中使用锚标签

Question

我们正在使用具有深层链接的基础部分。我们必须能够链接到网站其他部分的每个标签。

每个标签的内容也很长，并且有一个侧面导航，其中包含指向每个标签内的项目的锚点链接，但锚点链接无法启用深层链接。

site.com/section#Tab< - 适用于转到标签

site.com/section#Tab#Anchor和site.com/section#Anchor＆lt; - 无效

是否有解决方法，或者我应该编写一个滚动函数而不是使用锚点？

Answer 1

使用侧面导航中的rel和内容中的锚点对其进行攻击，并返回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;

});