Question

我正在使用一个名为Facebox的jQuery插件来创建包含内容的对话框，当然还有阻止和淡出页面的其余部分。

此插件可以将外部html页面应用为这样的布局：

<a href="remote.html" rel="facebox">Open Facebox Dialog</a>

我打算让facebox对话框具有固定的大小，而facebox最终将拥有需要滚动才能访问的内容。

然而，我还希望将一些内容始终固定在底部，例如“固定页脚”。

我尝试应用Joseph Silber's solution（如果我想在整个页面中执行此操作会有效：fiddle），但它会将固定页脚放在页面底部的对话框之外：

我也尝试应用RegDwight's solution，其中提出了类似这样的内容：http://jsfiddle.net/c82ha/2/

这使它适当地固定在底部，但正如小提示所示，在向下滚动之前不会显示它。

我希望固定在底部，无论页面其余部分的滚动或大小。

我该怎么做？

相关：

Answer 1

您是否尝试将页脚绝对定位在对话框内？

<强> HTML

<div class="dialogue">
    <div class="content">
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
        <p>Text</p>
    </div>
    <div class="footer">
        Footer
    </div>
</div>

<强> CSS

.dialogue{
    width: 200px;
    height: 500px;
    position: relative;
    background: red;
}
.dialogue .footer{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    color: #fff;
}

jsFiddle

如何使“页脚”粘贴到facebox（jQuery插件）对话框的底部

1 个答案: