轮播图&吸顶导航

轮播图

https://www.swiper.com.cn/usage/animate/index.html

吸顶导航

Bootstrap 附加导航（Affix）插件

附加导航（Affix）插件允许指定 <div> 固定在页面的某个位置。一个常见的例子是社交图标。它们将在某个位置开始，但当页面点击某个标记，该 <div> 会锁定在某个位置，不会随着页面其他部分一起滚动。

用法

您可以通过 data 属性或者通过 JavaScript 来使用附加导航（Affix）插件。

• 通过 data 属性：如需向元素添加附加导航（Affix）行为，只需要向需要监听的元素添加 data-spy="affix" 即可。请使用偏移来定义何时切换元素的锁定和移动

（详情   https://www.runoob.com/bootstrap/bootstrap-affix-plugin.html）