javascript - 避免 AngularJS 栏脚重叠内容

标签 javascript html css angularjs footer

我正在用 ionic 和 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,页脚甚至不显示,并且使用 absolute固定它与链接照片中的相同。

最佳答案

将“has-footer”添加到 <ion-content>可以解决这个问题。

关于javascript - 避免 AngularJS 栏脚重叠内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31473999/

相关文章:

jquery - 如果未选中父复选框,则取消选中所有子项

html - 溢出隐藏的div

html - 在 Outlook html 消息中使用相对位置

javascript - 如果用户不接受 JS 确认消息,如何检查先前选择的单选按钮?

javascript - Bxslider字幕动画

javascript - 在按钮单击 jquery 时显示非唯一的 div 类

html - 最小宽度不起作用

javascript - 我可以在元素聚焦后立即运行调用吗?

javascript - 禁用手机脚本

java - 非法参数异常 - 名称