我正在尝试在非常靠近浏览器底部的项目列表上创建一个弹出框。
我希望 POPUP 位于用户所在页面的中心,无论他们滚动多低
我必须使用 POSITION ABSOLUTE not FIXED
但是当我使用 POSITION ABSOLUTE 时,弹出窗口总是出现在顶部,我知道它是由于我的顶部:0
.lightbox-container{
border: solid red 1px;
width: 100px;
height: 40px;
background: yellow;
position: absolute;
top: 0;
}
我想使用类似 scrollTop 或其中之一的东西来让弹出窗口始终停留在用户的视点中,无论他们滚动多低
$('a').on('click', function(e){
var lightBox = $('<div class="lightbox-container"> <p>click to remove</p>');
lightBox.appendTo('body');
$('.lightbox-container').on('click', function(e){
$(this).remove();
});
});
这是我在http://jsfiddle.net/2RNAN/1/上工作的小提琴
我知道还有其他关于此的帖子,但我对 jquery 很陌生,似乎无法让它工作。