2012-04-22 10 views
0

コンテンツがデフォルトの高さを超えるjQueryUIダイアログボックスがあります(ダイアログボックス内でスクロールするようになっています)。下部には送信ボタンがあります。私はajaxstartを使用して読み込み画面を表示していますが、ダイアログスクロールのために、ロードするdivは表示されません。ただし、ボタンをクリックして手動でスクロールしてください。jQueryを使用してライトボックスdivの上部にスクロールする

クリックイベントのダイアログボックス内のdivの上部にスクロールできるようにします。 Ohgodwhy、シンプル$("#div").scrollTop(0)はdiv要素の最上部に移動しますによって提案を1として

#loading { 
z-index: 200; 
display:none; 
position:absolute; 
left:0px; 
top:0px; 
width:100%; 
height:100%; 
background-color:#000000; 

/* Theoretically for IE 8 & 9 (more valid) */ 
/* ...but not required as filter works too */ 
/* should come BEFORE filter */ 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 

/* This works in IE 8 & 9 too */ 
/* ... but also 5, 6, 7 */ 
filter: alpha(opacity=70); 

/* Older than Firefox 0.9 */ 
-moz-opacity:0.5; 

/* Safari 1.x (pre WebKit!) */ 
-khtml-opacity: 0.5; 

/* Modern! 
/* Firefox 0.9+, Safari 2?, Chrome any? 
/* Opera 9+, IE 9+ */ 
opacity: 0.5; 
} 

// jQuery Script: 
$("input[name='docSubmit']").click(function() { 
      var height = $("#attendeeManual").height(); 
      $("#loading").css("height",height); 
      $('html, body').animate({scrollTop:$('#attendeeManual').offset().top - 20}, 'slow'); 
     }); 
+0

スクロールバーを持つウィンドウのIDまたはクラスをキャプチャします。次に、 '$( '#thisWindow')。scrollTop(0);'を使用して、その要素の先頭にスクロールします。 – Ohgodwhy

答えて

1

:私は、私が試した次のコード(ただし、成功を)持っています。私はこれがアニメ化されることができることを読んだが、私の目的のために、私はそれをトップに戻す必要があった。

関連する問題