APICloud 实现使用openFrameGroup引入页面后禁止上下滑动

最新推荐文章于 2021-10-13 14:20:23 发布

原创最新推荐文章于 2021-10-13 14:20:23 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

APICloud 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个使用api框架初始化多帧组的方法，通过遍历头部列表元素创建多个子框架，并设置了每个子框架的基本属性如名称、URL、背景颜色及是否允许弹跳等。

function funIniGroup(){
        var eHeaderLis = $api.domAll('header li'),
            frames = [];
        for (var i = 0,len = eHeaderLis.length; i < len; i++) {
                frames.push( {
                    name: 'frame'+i,
                    url: './html/frame'+i+'.html',
                    bgColor : 'rgba(0,0,0,.2)',
                    bounces:false    //  这里修改为  false  即可
                } )
        }
        api.openFrameGroup({
            name: 'group',
            scrollEnabled: true,
            rect: {
                x: 0,
                y: $api.dom('header').offsetHeight,
                w: api.winWidth,
                h: $api.dom('#main').offsetHeight
            },
            index: 0,
            frames: frames
        }, function (ret, err) {

        });
    }