当前位置: 首页 > 工具软件 > PageNav > 使用案例 >

单页首页翻页特效onePageNav

南门新荣
2023-12-01

git 

https://github.com/davist11/jQuery-One-Page-Nav


https://download.csdn.net/download/tang05709/10425000

使用

<ul class="nav navbar-nav navbar-right" id="nav">
                    <li><a href="#linr_banner">首页</a></li>
                    <li><a href="#linr_advantage">产品优势</a></li>
                    <li><a href="#linr_effect">功能介绍</a></li>
                    <li><a href="#linr_service">产品服务</a></li>
                    <li><a href="#linr_join">合作流程</a></li>
                    <li><a href="#linr_contact">加入我们</a></li>
                </ul>

<section class="linr-banner section_gradiant" id="linr_banner">

</section>

<section class="linr-advantage section_gradiant" id="linr_advantage">

</section>

<section class="linr-effect section_gradiant" id="linr_effect">

</section>

<section class="linr-service section_gradiant" id="linr_service">

</section>


js

$('#nav').onePageNav({
        currentClass: 'active',
        changeHash: false,
        scrollSpeed: 750,
        scrollThreshold: 0.5,
        filter: '',
        easing: 'swing'
    });

 类似资料: