如何相对于窗口顶部定位弹出窗口

How to position popup window relative to the window top?

本文关键字：窗口 定位 顶部 相对于      更新时间：2023-09-26

我创建了一个类似灯箱的基本东西，当点击缩略图时，会出现一个弹出窗口。我如何用jQuery检测顶部位置，这样当弹出的div出现时，它总是离窗口顶部200px？

$('#thumbs img').click(function(){
  $('.popup').fadeIn(300);
  $('#dark-overlay').fadeIn(300);
});
$('#dark-overlay').click(function(){
  $(this).fadeOut(300);
  $('.popup').hide();
});

示例：http://jsfiddle.net/EXT4H/1/

以下是正在工作的jsfiddle：http://jsfiddle.net/kcG9W/.你需要计算窗口的滚动偏移量，这会使顶部看起来像0px，然后再加上200，使顶部看起来是200px。

$('#thumbs img').click(function(){
    $('.popup').fadeIn(300);
    $('#dark-overlay').fadeIn(300);
    var top = $(window).scrollTop() + 200 + 'px';
    $('.popup').css({top:top});
});
相关文章：