锚定模态页脚

时间:2015-08-04 11:21:48

标签: html css angularjs angular-ui

我有一个angular-ui模态窗口,它可以包含比屏幕可以包含的元素更多的元素。当然,模态会自动滚动,但我需要滚动到底部才能看到模态页脚。

是否可以锚定页脚,因此滚动不会影响它,导致页脚始终可见?

这里的工作示例

1 个答案:

答案 0 :(得分:1)

您可以提供模态的正文max-heightoverflow:scroll属性,以达到您所追求的效果。

http://plnkr.co/edit/u1gdVHiv1bNOpfZ203rt?p=preview

<div class="modal-header">
    ...
</div>
<div class="modal-body" style="max-height:400px; overflow-x:scroll;">
    ...
</div>
<div class="modal-footer">
    ...
</div>