2012-01-04 8 views
1

ウィンドウが特定の要素にスクロールされた後にダイアログを表示する必要があります。現在、ダイアログがページの上に開き、ウィンドウが目的の要素に移動します。これは、ダイアログがページの上に隠されるようになったことを意味します。ここで .scrolltoプラグインを使用すると、jQueryダイアログがオフスクリーンになります(jsfiddle再現付き)

は問題がjsfiddleで再現されています http://jsfiddle.net/t5ftM/

私は、ダイアログ現在のスクロール位置を示すことができる方法はありますか?

ありがとうございます!

答えて

0

http://jsfiddle.net/t5ftM/1/

$.scrollTo("#scroll_here", 500, { 
    offset: -200, 
    onAfter: function() { 
     $("#dialog1").dialog({ 
      autoOpen: true, 
      title: 'Create', 
      buttons: { 
       "Save": function() { 
        $('#form').submit(); 
       }, 
      }, 
      modal: true, 
      minWidth: 300, 
      minHeight: 100 
     }); 
    }}); 
+0

私は:)感謝トンたかった正確に何が! – cii

+0

あなたはまた、この答えをupvoteすることができます:) – kaz

+0

できません、申し訳ありません。私は試みた:(15人の担当者を持っていない:( – cii

0

あなたはこの行は...スクロールする

をページを言っている:

$.scrollTo("#scroll_here", 500, {offset:-200}); 

が自動的#scroll_here DIVにページをスクロールします。また、このダイアログでは、Document Document Readyもポップアップします。ページが読み込み時にスクロールしないようにするには、関数の1つを折り返してコールバックとして表示する必要があります。これにより、1つのプロセスが終了してから2番目のプロセスが表示されます。

関連する問題