gpt4 book ai didi

jquery - 如何使 "footer"粘在 Facebox(jQuery 插件)对话框的底部

转载 作者:行者123 更新时间:2023-12-01 05:59:48 24 4
gpt4 key购买 nike

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

这个插件可以应用外部 html 页面作为如下布局:

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

我计划让 Facebox 对话框具有固定大小,并且 Facebox 最终将包含需要滚动才能访问的内容。

但是,我还希望某些内容始终固定在底部,例如“固定页脚”。

我尝试申请Joseph Silber's solution (如果我想对整个页面执行此操作,这将有效: fiddle ),但它将固定页脚放在对话框外部,位于页面底部:

Screenshot of the footer being out of place

我也尝试申请RegDwight's solution ,建议如下:http://jsfiddle.net/c82ha/2/

这使得它正确地固定在底部,但正如 fiddle 所示,在向下滚动到它之前它不会显示。

我希望它固定在底部,无论滚动或页面其余部分的大小如何

我该怎么做?

<小时/>

相关:

最佳答案

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

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

关于jquery - 如何使 "footer"粘在 Facebox(jQuery 插件)对话框的底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12391559/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com