Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 固定对话框op up中div标记的位置_Javascript_Jquery_Css - Fatal编程技术网

Javascript 固定对话框op up中div标记的位置

Javascript 固定对话框op up中div标记的位置,javascript,jquery,css,Javascript,Jquery,Css,我有一个对话框,点击一个按钮。在对话框中,我有一个按钮和其他内容。我想使按钮的位置固定在对话框弹出框内 $(window).bind('scroll', function() { if ($(window).scrollTop() > 50) { $('#footer_buttons').addClass('sticky'); } else { $('##footer_buttons').removeClass('sticky'); } }); <styl

我有一个对话框,点击一个按钮。在对话框中,我有一个按钮和其他内容。我想使按钮的位置固定在对话框弹出框内

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

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

<style>
  .sticky{ 
    position : fixed;
 }
</style>
$(窗口).bind('scroll',function(){
如果($(窗口).scrollTop()>50){
$(“#页脚按钮”).addClass('sticky');
}
否则{
$(“##页脚按钮”).removeClass('sticky');
}
});
.sticky{
位置:固定;
}
我使用上面的代码来确定按钮的位置,它在对话框外部工作,但在对话框内部使用相同的代码时不工作。我可以通过向对话框添加最小高度来修复按钮,并使对话框内容可滚动。但我不想在对话框中添加任何滚动内容。 有人能帮我吗。提前感谢酒店:

已修复: 不要为元素留空间。相反,将其放置在相对于屏幕视口的指定位置,不要移动它 当滚动时。打印时,将其放置在屏幕上的固定位置 每一页

所以你的元素在哪里并不重要。如果应用
固定
位置,则
顶部
左侧
右侧
底部
值与屏幕的视口(浏览器中的可见区域)相关


在您的情况下,您应该使用
绝对
定位,并使用四个定位属性中的两个设置位置:顶部、右侧、底部、左侧。不要忘记将位置:相对或绝对添加到模式容器。

当我将位置添加到模式时,它给出了错误:未捕获引用错误:绝对未定义。我将position作为$(“#dialog”).modal({position:absolute})添加到模型中;绝对值必须是字符串而不是变量:$(“#dialog”).modal({position:'absolute'});此外,不能使用.modal(..)设置位置。您应该使用css:$('#dialog').css({position:'absolute'})设置它;