Javascript 锚定到同一页

我想指出同一页中的一部分。因此采用了锚定法。但问题是，我在顶部有一个静态导航栏。因此，节的标题位于菜单栏下方，因为锚定设置为标题。菜单栏的高度为

100px

高度。我想知道是否有任何方法我们也可以显示这个标题

如果你想知道更多细节，请告诉我

<!---NAVIGATION BAR SECTION------>
    <div class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <a class="navbar-brand" href="index.html"><img id="logo" src="img/logo.png"></a>
            <button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div class="collapse navbar-collapse navHeaderCollapse">
                <ul class="nav navbar-nav navbar-left">
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="features.html">FEATURES</a></li>
                    <li><a href="pricing-and-signup.html">PRICING</a></li>
                    <li id="scroll2" class="navLog"><a href="https://my.clickmeter.com">LOGIN</a></li>
                    <li id="scroll3" class="navLog"><a href="pricing-and-signup.html">SIGN UP FREE</a></li>
                </ul>
            </div>
        </div>
    </div>
<!---NAVIGATION BAR ENDS------> 

这是导航部分，我想从中转到其他部分

 <div class="jumbotron action-block-green ">
        <div class="container text-center">
            <div class="row">
                <div class="col-sm-8">
                    <ul class="nav navbar-nav navbar-left">
                        <li><a href="#technology">TECHNOLOGY</a></li>
                        <li><a href="#screenshot">SCREENSHOTS</a></li>
                        <li><a href="#features">FEATURES</a></li>
                    </ul>
                </div>
                <div class="col-sm-4">
                </div>
             </div>
        </div>
    </div>

我将第一个链接（技术）锚定到这里

尖端技术
准确、可靠、可扩展和高性能
blabhfufwehuf-wiu-hfiuw-fiuw-fiuwhe-fiwu-hfiwu-fhiwu-f

我会使用jQuery进行滚动，并将URL中的锚更改为DOM中不存在的元素，这些元素的id值与

或
名称值相同。（这样滚动就不会自动完成）


我的示例中的链接看起来像
#u link1
，需要出现在DOM中的id应该像
id=“link1
：

<div id="menu">
    <a href="#_link1">Link 1</a>
    <a href="#_link2">Link 2</a>
    <a href="#_link3">Link 3</a>
</div>
...
<h1 id="link1>Link 1</h1>


...
请包括相关的HTML、CSS和Javascript。最好是一把小提琴：JSFIDLE。net@RahulDesai-不，问题应始终包括相关代码，JSFIDLE是可选的。如果JSFIDLE消失或无法访问，则问题将失去所有价值。好的，我现在将包括代码
$(window).on('hashchange',function(){
    //you can see it manually or calculate it using jQuery by using $.height();
    var header = 60; 

    //Getting the anchor and replacing the underscore
    var value =  window.location.hash.replace('_', ''); 

    //getting our destination     
    var dest = $(value).position();

    //if the element exist on the DOM
    if(typeof dest !== "undefined"){
         var dtop = dest.top;

         //proceeding to scroll
         $('html, body').animate({
            scrollTop: dtop - header
        }, 1000);

    }
});

<div id="menu">
    <a href="#_link1">Link 1</a>
    <a href="#_link2">Link 2</a>
    <a href="#_link3">Link 3</a>
</div>
...
<h1 id="link1>Link 1</h1>