如何实现头尾固定+中间内容（A+B+C）这种形式页面？

前方

头+中间内容+尾，头、尾固定，这种形式（以下简称A+B+C）在很多APP中很常见的，那么如何实现呢？
必须 win+frame 形式的组合。

打开win的同时，加载frame。那么代码如何实现呢？

流程是这样的：

用户在商品列表中打开某商品

1. function fnOpenContent(good_id) {
   
2.   api.openWin({
   
3.   name : 'mall_goods',
   
4.   url : './mall_goods.html',
   
5.   bounces : false,
   
6.   pageParam : {
   
7.     good_id : good_id
   
8.   }
   
9.       })
   

复制代码

这时候会看到下面这个详情页面：

A+B+C



它的目录结构是这样的：





重点是下面的：
要定义header、footer 两个ID，这样才可以取到这个头部、底部的高度。

要用屏幕总高度 - 头部高度 - 底部高度

1. api.winHeight - headerPos.h - footerH

复制代码

得到中间B的高度。这样加载的frame高度就充满这个高度




菜鸟们，这下明白了吧？

应用宝、华为、小米、360、豌豆荚等应用市场搜索“猜客”，体验下流畅的感觉吧

YonBIP社区

感谢分享

gigie

赞赞赞。。

vico

感谢