导航平滑滚动与动画载入制作方法
1、导航的固定：.navbar-fixed-top
2、导航的锚链接：在链接地址上写上区块的ID名
3、导航的平滑滚动：
单页面导航插件下载：jquery.singlePageNav.min
$(function(){
/*导航跳转效果插件*/
$('.nav').singlePageNav({ });
})
offset：向上偏移量
4、手机导航的自动收缩
/*小屏幕导航点击关闭菜单*/
$('.navbar-collapse a').click(function(){
$('.navbar-collapse').collapse('hide');
});
5、载入动画功能：
第一步：引入动画插件必需的二个文件：wow.min.js和animate.css
第二步：加载javascript方法：new WOW().init();
第三步：使用对象添加 class="wow animate名" 这样的类
第四步：选择自己需要的动画效果。地址：https://animate.style/
可用属性：
data-wow-duration（动画持续时间）data-wow-duration="2s"
data-wow-delay（动画延迟时间） data-wow-delay="5s"
data-wow-offset（偏移量）data-wow-offset="10" 距离可视区域多远开始执行动画
data-wow-iteration="10"(重复次数) data-wow-iteration="10"
