锚定模态页脚

Question

我有一个 angular-ui 模态 window，它可以包含比屏幕可以包含的元素更多的元素。自然，modal是自动滚动的，但我需要滚动到底部才能看到modal-footer。

是否可以锚定页脚，滚动不影响它，导致页脚始终可见？

这里是工作示例

Answer 1

您可以给模态框的主体 max-height 和 overflow: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>

锚定模态页脚

Anchored modal footer

html

css

angularjs

angular-ui