javascript - ウィンドウの上部に対してポップアップウィンドウを配置する方法は?

Question

サムネイルをクリックすると、ポップアップウィンドウが表示されるような基本的なライトボックスを作成しました。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/

Answer 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});
});