收到Admob横幅事件后刷新页面布局

时间:2014-08-26 10:40:21

标签: angularjs admob onsen-ui

目前,我正在尝试使用Onsen-UI + AngularJS + Admob [com.admob.AdmobPlugin (1.0.0)] + Cordova。我的横幅位于屏幕底部。

当页面上有很多内容时,让页面自动变为可滚动是很好的。但是,Admob横幅只是与Onsen-UI网页重叠。因此,页面底部的内容始终被横幅阻止。

我尝试添加<div id="admobSpace"></div>,然后在angular.element(document.querySelector('#admobSpace')).attr('height', admobAd.AD_SIZE.BANNER.height + 'px');收到广告横幅后立即更新其高度,但没有成功。

任何人都可以给我一些指示吗?

1 个答案:

答案 0 :(得分:0)

好的,所以我现在终于开始工作了。

ons.ready()函数中,

var admobDiv = document.getElementById('admobSpace');
angular.element(admobDiv).css({
    'bottom': '0px',
    'height': admobAd.AD_SIZE.BANNER.height + 'px',
    'width': '100%',
    'background-color': 'black'
});