webAPP页面切换之滑动

最近做一个web页面，希望在手机上能滑动切换页面，第一次这种要求，在网上找到了一个插件swiper,swiper2可以在电脑和手机上使用，于是选择这个插件，在使用这个插件的过程也遇到了很多问题，如滚动条很长，体验不好，最后采用js来控制高度，在此页面中也采用了bootstrap-table插件来固定表头，采用js动态的设置高度，当页面高度小时，有滚动条，页面高时就完全展示，为了体验好，当滚动到第一个页面底部时，滑动切换第二个页面的顶部，需要scrollTop实现

页面结构

代码语言：javascript复制

swiper主要用到的样式

代码语言：javascript复制swiper主要用到js

代码语言：javascript复制 bootstrap-table插件用到js，动态控制页面的高度

代码语言：javascript复制 (adsbygoogle = window.adsbygoogle || []).push({});