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

section-scroll.js是一款自动生成垂直网页滚动导航jQuery插件，点击网页右侧的圆点导航按钮可以在各个section之间平滑的滚动。

分类：导航菜单 > 滚动菜单难易：初级

查看演示下载资源下载积分： 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>