ScrollNavi.js响应式手机滚动导航智能定位

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

浮动菜单

<div id="nav">
    <div class="container">
        <ul>
            <li><a href="#section1">节点1</a></li>
            <li><a href="#section2">节点2</a></li>
            <li><a href="#section3">节点3</a></li>
            <li><a href="http://www.sucaihuo.com" data-outerpage="true">About Developer</a></li>
        </ul>
    </div>
</div>

节点对应内容

<div id="section1">节点1</div>
<div id="section2">节点2</div>
<div id="section3">节点3</div>

浮动菜单#nav智能定位到指定节点

<script src="js/scroll_navi.js" type="text/javascript"></script>
<script type="text/javascript">
    $("#nav").scroll_navi();
</script>