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