1 概述
需求:
- 制作移动端的POC页面,顶部显示部分固定在页面顶部,尾部菜单部分固定在页面底部,当上下滑动页面时,只有中间两个饼图仪表能自由滑动。
- 移动端展示时实现下面菜单部分左右充满。效果如图:
...
- 使用HTML模板布局:见https://history.wiki.smartbi.com.cn/pages/viewpage.action?pageId=21955317
- HTML实现顶部和尾部固定定位,中间内容部分绝对定位。
2 实现步骤
- 准备基础 HTML 模板(下载: demos.html )
...