BootStrap 滚动监听插件

滚动监听插件是用来根据滚动条所在的位置自动跟新导航项目，显示导航项目高亮显示。
<nav class="navbar navbar-default">
    <a href="#" class="navbar navbar-brand">Web开发</a>
    <ul class="nav navbar-nav">
        <li><a href="#html">HTML</a></li>
        <li><a href="#java">JAVA</a></li>
        <li class="dropdown">
            <a href="#" data-toggle="dropdown">JavaScipt<span class="caret"></span></a>
            <ul class="dropdown-menu">
                <li><a href="#JQuery">JQuery</a></li>
                <li><a href="#Yail">Yail</a></li>
                <li><a href="#JQuery">Exejs</a></li>                        
            </ul>
        </li>
    </ul>
</nav>

<div data-offset="20" data-target="#nav" style="padding: 0 10px;position: relative;">
    <h4 id="html">html</h4>
    <p>万维网上的一个超媒体文档称之为一个页面（外语：page）。作为一个组织或者个人在万维网上放置开始点的页面称为主页（外语：Homepage）或首页，主页中通常包括有指向其他相关页面或其他节点的指针（超级链接），所谓超级链接，就是一种统一资源定位器（Uniform Resource Locator，外语缩写：URL）指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站（Website或Site）。超级文本标记语言（英文缩写：HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。</p>
    <h4 id="java">java</h4>
    <p>JAVA（中文名佳沃）最初源自设计师名字的组合：JACOPOGOSLING（雅科波·高斯林）Andrea.WILIER（安德列亚·威廉）VITTORIO(维托里奥)ALBERTO.BARIN（阿尔伯特·博瑞），JAVA意大利设计团队的努力，同时这个名字也是出于JAVA团队对咖啡的喜爱，所以以Java咖啡来命名。JAVA是印度尼西亚爪哇岛的英文名称，因盛产咖啡而著名。JAVA自行车中的许多车类名称多与咖啡有关。如DECAF(去咖啡因的咖啡)，ESPRESSO(浓缩咖啡)以及MOKA（摩卡）等等，同时JAVA的LOGO也正如一杯冒着热气的咖啡。</p>
    <h4 id="JavaScipt">JavaScipt</h4>
    <p>JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。</p>
    <h4 id="JQuery">JQuery</h4>
    <p>JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML（标准通用标记语言下的一个应用）、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需要定义id即可。</p>
    <h4 id="Exejs">Exejs</h4>
    <p>ExtJS可以用来开发RIA也即富客户端的AJAX应用，是一个用javascript写的，主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。ExtJs最开始基于YUI技术，由开发人员JackSlocum开发，通过参考JavaSwing等机制来组织可视化组件，无论从UI界面上CSS样式的应用，到数据解析上的异常处理，都可算是一款不可多得的JavaScript客户端技术的精品。</p>
</div>