代碼部分：

<nav class="navbar navbar-default">
        <a href="#" class="navbar-brand">web開發</a>
        <ul class="nav navbar-nav">
            <li><a href="#html5">HTML5</a></li>
            <li><a href="#bootstrap">bootstrap</a></
 
li>
            <li class="dropdown">
                <a href="#" data-toggle="dropdown">JavaScript
                    <ul class="dropdown-menu">
                        <li><a href="#jquery">jquery</a></li>
                        <li><a href="#YUI"
 
>YUI</a></li>
                        <li><a href="#Extjs">Extjs</a></li>
                    </ul>
                </a>
            </li>
        </ul>
    </nav>

    <div data-offset="0" data-spy="scroll" style="padding: 0 10px; height: 200px; overflow: auto; position: relative;"
 
>
        <h4 id="html5">HTML5</h4>
        <p>啊客戶多撒謊肯定好看奧東科哈肯定刷卡好的阿卡電話卡好的卡機讀卡電話卡 卡號的水庫啊哈sd卡換卡後sd卡按客戶點卡看到阿卡多沙坑等哈卡薩丁卡sd卡哈可視電話卡哈可視電話卡上的哈卡sd卡看到哈客戶說點卡水庫的卡聖誕卡阿斯頓卡上的卡號是點卡會擴散到哈卡華盛頓阿克蘇的看阿卡收到貨卡聖誕卡阿克蘇點卡上的阿卡聖誕卡啊哈sd卡阿克蘇點卡阿斯頓和阿卡上的阿卡上的</p>
        <h4 id="bootstrap">bootstrap</h4>
        <p>啊客戶多撒謊肯定好看奧東科哈肯定刷卡好的阿卡電話卡好的卡機讀卡電話卡 卡號的水庫啊哈sd卡換卡後sd卡按客戶點卡看到阿卡多沙坑等哈卡薩丁卡sd卡哈可視電話卡哈可視電話卡上的哈卡sd卡看到哈客戶說點卡水庫的卡聖誕卡阿斯頓卡上的卡號是點卡會擴散到哈卡華盛頓阿克蘇的看阿卡收到貨卡聖誕卡阿克蘇點卡上的阿卡聖誕卡啊哈sd卡阿克蘇點卡阿斯頓和阿卡上的阿卡上的</p>
        <h4 id="YUI">YUI</h4>
        <p>啊客戶多撒謊肯定好看奧東科哈肯定刷卡好的阿卡電話卡好的卡機讀卡電話卡 卡號的水庫啊哈sd卡換卡後sd卡按客戶點卡看到阿卡多沙坑等哈卡薩丁卡sd卡哈可視電話卡哈可視電話卡上的哈卡sd卡看到哈客戶說點卡水庫的卡聖誕卡阿斯頓卡上的卡號是點卡會擴散到哈卡華盛頓阿克蘇的看阿卡收到貨卡聖誕卡阿克蘇點卡上的阿卡聖誕卡啊哈sd卡阿克蘇點卡阿斯頓和阿卡上的阿卡上的</p>
        <h4 id="jquery">jquery</h4>
        <p>啊客戶多撒謊肯定好看奧東科哈肯定刷卡好的阿卡電話卡好的卡機讀卡電話卡 卡號的水庫啊哈sd卡換卡後sd卡按客戶點卡看到阿卡多沙坑等哈卡薩丁卡sd卡哈可視電話卡哈可視電話卡上的哈卡sd卡看到哈客戶說點卡水庫的卡聖誕卡阿斯頓卡上的卡號是點卡會擴散到哈卡華盛頓阿克蘇的看阿卡收到貨卡聖誕卡阿克蘇點卡上的阿卡聖誕卡啊哈sd卡阿克蘇點卡阿斯頓和阿卡上的阿卡上的</p>
        <h4 id="Extjs">Extjs</h4>
        <p>啊客戶多撒謊肯定好看奧東科哈肯定刷卡好的阿卡電話卡好的卡機讀卡電話卡 卡號的水庫啊哈sd卡換卡後sd卡按客戶點卡看到阿卡多沙坑等哈卡薩丁卡sd卡哈可視電話卡哈可視電話卡上的哈卡sd卡看到哈客戶說點卡水庫的卡聖誕卡阿斯頓卡上的卡號是點卡會擴散到哈卡華盛頓阿克蘇的看阿卡收到貨卡聖誕卡阿克蘇點卡上的阿卡聖誕卡啊哈sd卡阿克蘇點卡阿斯頓和阿卡上的阿卡上的</p>
    </div>

Bootstrap 學習筆記8 下拉菜單滾動監聽