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'})设置它;