осветление верхнего поля лайтбокса после одной прокрутки вниз и снова вверх

Question

Я использую лайтбокс для отображения комментариев с фото.Проблема в том, что, когда я прокручиваю вниз, чтобы увидеть лайтбокс, и прокручиваю обратно вверх, верхнее поле изменяется даже после указания верхнего.

Мой код jQuery для указания сверху и слева:

jQuery.fn.center = function() {
  this.css("position","fixed");
  var top = "20px";
  left = ( $(window).width() - this.width() ) / 2+$(window).scrollLeft()+"px";
  this.animate({top: top, left: left});
  return this;
}

$('#tp-lightboxactitem').center();  

Вот HTML-код для div с лайтбоксом:

<div class="dark-lightbox lightboxitem tp-lightboxactitem-loaded" id="tp-lightboxactitem" style="display: block; top: 20px; left: 314.5px; position: fixed; margin-top: 30px;">
  <div>
    <center>
      <img src="uploads/_DSC9322_watcopy_bor_5_$1$uh2.fw5.$uFln.yw5QjSgVKjmhD8.jpg?id=3&amp‌​;pic=113" class="tp-mainimage" id="plzxc">
    </center>
  </div>
  <div class="dark-lightbox infofield">
    <div class="dark-lightbox title"></div>
    <div class="dark-lightbox pageofformat">( 1 / 5 )</div>
    <div class="dark-lightbox description" id="dark-lightbox description">

Как это выглядит раньшепрокрутка

! [Как это выглядит перед прокруткой] [1]

Как это выглядит после прокрутки вниз, а затем снова вверх

![Как это выглядит после прокрутки вниз, а затем снова вверх] [2]

Answer 1

Исправлено небольшими изменениями

вот код, надеюсь, он поможет кому-то нуждающемуся

cssAnimate({'left':($(window).width()/2 - thisw/2)+'px', 'top':'20px' },{duration:300,queue:false});

Answer 2

Попробуйте использовать что-то вроде этого.Надеюсь, это решит это.

$("#YourDivID").animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow" );