2012-02-20 19 views
2

私はjQueryの部分を修正する助けを得ることができるのだろうかと思っていたのは、画面上のdivの位置をアニメーション化しています。ここにあります: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> 

私はすでにページを少し下にスクロールしています。スクロールが実行されるときにのみ、その位置を調整します。私は中心から始めることが必要です...誰かがこれを達成することを私に見せてくれる簡単な修正がここにありますか?

ありがとうございました

答えて

1

スクロールイベントをバインドしてプログラムでトリガすることができます。

これはshotcut方法.scroll()または私は私も何であったかとデモを設定した

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

または

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

DEMO

+0

.trigger()方法を使用して行うことができますあなたがマークアップやスタイリングを提供していなかったので、あなたが持っていたもの。 –

関連する問題