Question

我有点击按钮的对话框。在对话框中，我有一个按钮和其他内容。我想在按钮弹出窗口中修复该按钮位置。

$(window).bind('scroll', function() {
    if ($(window).scrollTop() > 50) {
    $('#footer_buttons').addClass('sticky');

}
else {
    $('##footer_buttons').removeClass('sticky');
}
});

<style>
  .sticky{ 
    position : fixed;
 }
</style>

我使用上面的代码来修复按钮位置，它在对话框外部工作，但在对话框中使用相同的代码时无效。我可以通过向对话框添加最小高度来进行按钮修复，并使对话框内容可滚动。但我不想在对话框内的内容中添加任何滚动。谁能帮我吗。提前致谢

Answer 1

来自MDN CSS position属性：

<强>固定：不要为元素留出空间。相反，将其放置在相对于屏幕视口的指定位置，并且不要移动它滚动时打印时，将其放在固定位置上每一页。

所以你的元素在哪里并不重要。如果您应用fixed位置，则top，left，right，bottom值相对于屏幕的视口（可见区域）浏览器）。

在您的情况下，您应该使用absolute定位并使用四个定位属性中的两个来设置位置：top，right，bottom，left。别忘了将position: relative or absolute添加到模态容器中。

在对话框op-up中修复div标签的位置

1 个答案: