jQuery中心div在屏幕上

Question

我想知道如果我可以得到一点帮助修改一块jQuery我有动画的div在屏幕上的位置。那就是：

 <script type="text/javascript"> 
     (function ($) { 
      $(function() { 
       var offset = $("#<%= pnlMessageForm.ClientID %>").offset(); 
       var topPadding = 15; 
       $(window).scroll(function() { 
        if ($(window).scrollTop() > offset.top) { 
         $("#<%= pnlMessageForm.ClientID %>").stop().animate({ 
          marginTop: $(window).scrollTop() - offset.top + topPadding 
         }); 
        } else { 
         $("#<%= pnlMessageForm.ClientID %>").stop().animate({ 
          marginTop: 0 
         }); 
        }; 
       }); 
      }); 
     })($telerik.$); 
    </script> 

它的伟大工程，当我已经向下滚动页面，有点除。它仅在执行滚动时调整其位置。我需要它开始在中心......有人可以告诉我，这是否有一个简单的修改会实现这一目标？

谢谢

Answer 1

您可以通过编程绑定后才能触发的滚动事件。

这可以通过使用shotcut方法.scroll()或.trigger()方法

$(window).scroll(function() { 
    ... 
}).trigger('scroll'); // trigger the "scroll" event  

或

$(window).scroll(function() { 
    ... 
}).scroll(); // trigger the "scroll" event 

DEMO