JQ如何实现锚点监听滚动定位

Question

jq如何实现和这个网址的效果一样http://m.ilxdh.com/cat/167，点击或鼠标上下滚动，当前导航栏菜单左右平滑到中间

        <div class="navbar">
            <div class="navbar-inner">
                <ul>
                    <li><a href="#锚点01">锚点01</a></li>
                    <li><a href="#锚点01">锚点02</a></li>
                    <li><a href="#锚点01">锚点03</a></li>
                    <li><a href="#锚点01">锚点04</a></li>
                    <li><a href="#锚点01">锚点05</a></li>
                    <li><a href="#锚点01">锚点06</a></li>
                    <li><a href="#锚点01">锚点07</a></li>
                </ul>
            </div>
        </div>
        
        <div id="锚点01">...</div>
        <div id="锚点02">...</div>
        <div id="锚点03">...</div>
        <div id="锚点04">...</div>
        <div id="锚点05">...</div>
        <div id="锚点06">...</div>
        <div id="锚点07">...</div>