jquery easyuiscroll bar_jqueryのいくつかの設定の紹介

ダイアログ プラグインを使用する場合、デフォルトでは画面が中央に表示されますが、スクロール バーがページ上に表示されると、ユーザーはスクロール バーを下にスライドする必要があります。ダイアログを配置する これは人道的ではありません。解決策を考える前に、いくつかの jquery 配置メソッドを普及させましょう。

コードをコピーします。コードは次のとおりです: //ブラウザの表示領域の高さを取得します

$(window).height();

//ブラウザの表示領域の幅を取得します
$(window).width();

//ページのドキュメントの高さを取得します
$(document.body).height();
//ページのドキュメントの幅を取得しますthe page
$(document.body).width();

// スクロールバーの上部までの垂直高さを取得します
$(document).scrollTop(); // 左のスクロール バーの垂直幅を取得します
$(document).scrollLeft( ; パネルの移動関数を呼び出してダイアログを移動します




コードをコピー

コードは次のとおりです:

$('# dlg').dialog('open'); $("#dlg")。 pane("move",{top:$(document).scrollTop() ($(window).height()-250 ) * 0.5}); where $(window).height ()-250。250px はダイアログの幅です。