使用深度链接在Foundation Section中使用锚标签-Java 学习之路

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

每个选项卡的内容也很长，并且有一个侧面导航，其中包含指向每个选项卡中项目的锚点链接，但锚点链接不适用于打开的深层链接 .

site.com/section#Tab < - 适用于转到选项卡

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

有没有解决这个问题，或者我应该写一个滚动功能，而不是使用锚点？

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;

});

回复于 2024-04-28T22:14:09+08:00

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

1 回答

相关问题