避免AngularJS栏脚重叠内容

时间:2015-07-17 10:42:58

标签: javascript html css angularjs footer

我正在使用离子和angularJS做一个应用程序,我试图让我的栏脚不要重叠最后的几个内容,所以内容必须完成显示,并且,然后,页脚是没有重叠的东西,我必须应用哪个属性?因为我已经尝试了所有关于position财产而且没有一个对我有用,在这里我给你留下了现在正在发生的事情的图像:

http://s23.postimg.org/b9uhjq0ej/Captura.png

如您所见,列表的最后一项与我的页脚重叠。 谢谢大家的回答和帮助! :)

- 已编辑(提供代码):

<ion-content>
    <ion-list class="pagina">
        <a class="item item-thumbnail-left" ng-repeat="poblacio in poblacions"  href="#/app/ambFiltreActivitats" ng-click="doGuardarPoblacio(poblacio.title)">
            <img style="width:50px; height:auto; margin-left: 60px;" ng-src="{{poblacio.url}}"/>
            <br/><br/>
            <b>{{poblacio.title}}</b>
        </a>
    </ion-list>
  </ion-content>
  <div class="bar bar-footer">
    <div class="title"></div>
  </div>

不,我没有CSS属性,但背景颜色,如果我应用position: relative页脚甚至没有显示,并且absolutefixed它仍然是相同的在链接的照片中。

1 个答案:

答案 0 :(得分:0)

添加&#39; has-footer&#39;到<ion-content>可以解决这个问题。