Question

我有一个导航栏，当你点击它们时隐藏了锚链接。示例可以在这里看到

https://www.fir3net.com/Firewalls/Cisco/cisco-asa-83-nat.html#Intro

基本上代码是，

<span style="color: #000000;">
    <a href="#Intro">
        <span style="color: #000000;">1. Introduction
        </span> 
    </a>
</span>

<h2 class="h3">
    <span style="color: #000000;">
        <strong>
             <a name="Intro">
                  <span style="color:#000000;">Introduction
                  </span>
             </a>
        </strong>
    </span>
</h2>

编辑：当您转到https://www.fir3net.com/Firewalls/Cisco/cisco-asa-83-nat.html然后单击“简介”时，您可以看到问题。您可以看到隐藏在导航栏下方的标题。

Answer 1

这会奏效。注意[请将名称标签添加到其他div也可以完全导航，现在只有第一个链接正常工作。]

    jQuery(".contents span a").click(function() {
    var des = jQuery(this).attr('href');
     var desName = "name='"+des.substring(1, des.length)+"'";
   alert(desName);
    jQuery('html, body').animate({
        scrollTop: jQuery("["+desName+"]").offset().top-50
    }, 2000);
});

锚点链接与NavBar问题

1 个答案: