滚动监听

开发工具与关键技术：Visual Studio 2015
作者：杨灵武
撰写时间：2019/05/17

这个监听的功能主要的是可以快速的找到你想要找到的地方，
现在我们写3个标题，

然后通过点击的方式快速的找到对应的段落，方便测试的时候可以看到效果。

下面是代码块详情见图片：

    <ul class="navbar-nav">
        <li class="nav-item">
            <a class="nav-link" href="#section1">标题1<img src="~/Content/images/face/0.gif"/></a>
        </li>
        <li class="nav-item">
            <a class="nav-link" href="#section2">标题2<img 
    </ul>
</nav>

Id的命名和调用的命名要保持一致，（id （section…）= (#section…) ）
2.注意把段落与段落之间的距离要远一点， 方便测试的时候可以看到效果。
下面的是段落的代码块详情见图片，

<div id="section2" style="padding-top:70px;padding-bottom:70px">
    <h1><img src="~/Content/images/face/1.gif" />段落2</h1>
    
</div>
<div id="section3" style="padding-top:70px;padding-bottom:70px">
    <h1><img src="~/Content/images/face/10.gif" />段落3</h1>
    
</div>