section-scroll.js自动生成垂直网页滚动导航插件

来源:https://www.sucaihuo.com/js/4669.html 2019-08-22 11:40浏览(59) 收藏

section-scroll.js是一款自动生成垂直网页滚动导航jQuery插件,点击网页右侧的圆点导航按钮可以在各个section之间平滑的滚动。
section-scroll.js自动生成垂直网页滚动导航插件
分类:导航菜单 > 滚动菜单 难易:初级
登录后点击“下载资源”按钮,复制链接,邀请好友免费下载
查看演示 下载资源: 2 下载资源 下载积分: 20 积分

js代码

<script src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript" src="js/prism.js"></script> 
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script> 
<script type="text/javascript" src="js/jquery.section-scroll.js"></script> 
<script type="text/javascript" src="js/materialize.min.js"></script> 
<script type="text/javascript">
        $(document).ready(function () {
            $('body').sectionScroll({
                easing: 'easeInOutQuart',
                scrollDuration: 1200
            });


            $('body').on('section-reached', function() {
                var section_title = $('body').sectionScroll.activeSection.data('section-title');
                Materialize.toast('In view: ' + section_title, 1000);
            })

        })
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 525945990

1 2